分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

使用三种方式定位html中的元素

发布时间:2023-09-06 01:52责任编辑:白小东关键词:暂无标签
1)使用三种方式定位html中的元素
a)通过ID
$("#ID")
b)通过标签名
$("标签名")
c)通过样式名
$(".样式名")
2)dom中,需要判段查找到的元素是否为null,
而jquery中,无需判段,因为jquery本身内置判段器,在查找不到的情况下,返回"undefined"

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> ?<head> ???<meta http-equiv="content-type" content="text/html; charset=UTF-8"> ???<script type="text/javascript" src="../js/jquery-1.6.js"> ???</script> ???<style type="text/css"> ???????.oneClass{ ???????????font-size:44px; ???????????color:red ???????} ???</style> ??<body> ???<input type="text" id="usernameID" value="这就是jQuery"/> ???<div id="divID" class="oneClass">这是div中的内容</div> ???<script type="text/javascript"> ???????//通过"#id"定位<input> ???????//alert($("#usernameID").val()); ???????????//通过"标签名"定位<input><div> ???????//alert($("div").html()); ???????//alert($("input").val()); ???????//通过"样式名"定位<div> ???????//alert($(".oneClass").html()); ???????//dom错误处理和jquery错误处理 ???????var $input = $("#usernameIDD"); ???????alert($input.val()); ???????/* ???????var inputElement = document.getElementById("usernameID"); ???????if(inputElement!=null){ ???????????alert(inputElement.value); ???????}else{ ???????????alert("查无此元素"); ???????} ???????*/ ???</script> ?</body></html>

使用三种方式定位html中的元素

原文地址:http://blog.51cto.com/357712148/2113179

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved