jQueryDom操作之查找节点

最新推荐文章于 2021-12-25 14:03:37 发布

我叫阿狸猫

最新推荐文章于 2021-12-25 14:03:37 发布

阅读量1.1k

点赞数

分类专栏： Jquery

本文链接：https://blog.csdn.net/world_java/article/details/9627243

版权

Jquery 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

查找节点:
查找属性节点: 通过 jQuery 选择器完成.

查找属性节点: 查找到所需要的元素之后, 可以调用 jQuery 对象的 attr() 方法来获取它的各种属性值

练习：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>ddd</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<script language="JavaScript" src="../js/jquery-1.10.2.js"></script>
	<style type="text/css">
		 	div,span{
			    width: 140px;
			    height: 140px;
			    margin: 20px;
			    background: #9999CC;
			    border: #000 1px solid;
				float:left;
			    font-size: 17px;
			    font-family:Roman;
			}
			
			div.mini{
			    width: 30px;
			    height: 30px;
			    background: #CC66FF;
			    border: #000 1px solid;
			    font-size: 12px;
			    font-family:Roman;
			}
			
			div.visible{
				display:none;
			}
	 </style>
	 <!--引入jquery的js库-->
	</head>
	<body>
		 <input type="button" value=" 每个class为one的div父元素下的第2个子元素"  id="b1"/>
		 <input type="button" value=" 每个class为one的div父元素下的第一个子元素"  id="b2"/>
		 <input type="button" value=" 每个class为one的div父元素下的最后一个子元素"  id="b3"/>
		 <input type="button" value=" 如果class为one的div父元素下的仅仅只有一个子元素，那么选中这个子元素"  id="b4"/>

		 <!--文本隐藏域-->
         <input type="hidden" value="hidden_1">
		 <input type="hidden" value="hidden_2">
		 <input type="hidden" value="hidden_3">
		 <input type="hidden" value="hidden_4">
		 
		 <h1>天气冷了</h1>
		 <h2>天气又冷了</h2>
	     <div id="one">
	    	 id为one   div
		 </div>
		 <ul>
		 	 <li id="bj" name="beijing" >北京</li>
			 <li id="tj">天津</li>
		 </ul>
	</body>
    <script language="JavaScript">
		//获取北京节点的name属性
		alert($("#bj").attr("name"));
		//设置天津节点的name属性为haha
		$("#tj").attr("name","haha");
		alert($("#tj").attr("name"));    
	</script>
</html>

我叫阿狸猫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQueryDom操作之查找节点

查找节点: 查找属性节点: 通过 jQuery 选择器完成.查找属性节点: 查找到所需要的元素之后, 可以调用 jQuery 对象的 attr() 方法来获取它的各种属性值练习： ddd div,span{ width: 140px; height: 140px; margin
复制链接

扫一扫