jQuery(3-10)遍历,兄弟,子,closest(),节点

最新推荐文章于 2023-03-16 15:27:10 发布

置顶星蓝之夜

最新推荐文章于 2023-03-16 15:27:10 发布

阅读量1.4k

点赞数 2

分类专栏： jQuery 文章标签： jquery stylesheet html input button function

本文链接：https://blog.csdn.net/a6613459/article/details/7107393

版权

jQuery 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>遍历节点.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

<p class="wid" title="选择你喜欢的水果"> 你喜欢的水果是？</p>
<ul style="background-color: purple">
<li title ="苹果 ">苹果</li>
<li title ="橘子 ">橘子</li>
<li title ="菠萝 ">菠萝</li>
<li title ="香蕉 ">香蕉</li>
<li title ="梨子 ">梨子</li>
</ul>

   <input type="text" id = "username" value = "请输入用户名 " />
   <input type="text" id = "password" value = "请输入密码 " />
   <input type ="button" id ="button" value="登录 " />


   <select id = "one" multiple="multiple">
   <option value="1" selected="selected" > 哈哈</option>
   <option value="2">呵呵 </option>
   <option value="3"> 嘿嘿</option>
   <option value="4" > 嘎嘎</option>
   </select>

</body>
<script type="text/javascript">
//children() 获取匹配元素的所有子元素   此方法只考虑子元素而不考虑后代元素
/*

$(function(){
var $children = $('body').children();
   var $ul = $('ul').children();
   alert($children.length); // 打印出来 11个子元素
   alert($ul.length);   // 打印出来 5个子元素

for(var i = 0; i < $ul.length ; i++){
alert($ul[i].innerHTML); // 输出到 HTML中

}*/

// next() 该方法用于取得匹配元素后面紧相邻的一个元素
$(function(){
var $1 = $('p').next();
for(var i = 0; i < $1.length ; i++){
alert($1[i].innerHTML); // 输出到 HTML中

}
})

})
</script>

</html>

星蓝之夜

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
jQuery(3-10)遍历,兄弟,子,closest(),节点

遍历节点.html --> .wid{ width: 150px ; color: purple ; font-weight: bold;; } .hei{ height: 150px; } .another{ font-style: i
复制链接

扫一扫