jquery api
http://api.jquery.com/
ul.emphasis li {} //选择的是ul下面的li 不管是子节点还是孙子节点
ul.emphasis > li {} //选择的只是子节点 孙子节点将不发生作用
下面的jquery代码只选择子节点,不选择孙子节点
<script type="text/javascript">
$('ul.emphasis').children('li').css('color', 'red');
</script>
如果想查到所有孙子节点等,需要使用下面的方法:
<script type="text/javascript">
$('ul.emphasis').find('li').css('color', 'red');
</script>
找到第一个子节点:
<script type="text/javascript">
$('ul.emphasis').children('li:first-child').css('color', 'red');
</script>
第二个可以这么使用:
<script type="text/javascript">
$('ul.emphasis').children('li:nth-child(2)').css('color', 'red');
</script>
jquery改变内容:
<script type="text/javascript">
$('ul.emphasis').children('li:nth-child(2)').text('this is jquery created');
</script>
eq方法找到第一个元素:
<script type="text/javascript">
$('ul.emphasis').children('li').eq(0).text('this is jquery created');
</script>
找到刚才元素的下一个:
<script type="text/javascript">
$('ul.emphasis').children('li').eq(0).next().text('this is jquery created');
</script>
不过最好还是直接选中:
<script type="text/javascript">
$('ul.emphasis li:nth-child(2)').text('this is jquery created');
</script>
也可以使用parent方法查找父节点,parent只上上面一层的父节点,如果想都找到那么需要使用parents
<script type="text/javascript">
$('li').parents('div.container').removeClass('container');
</script>
分享到:
相关推荐
Contains a matlab program of basics of image processing
BASICS OF COMPUTER SCIENCE
mkdir assignment--dom-manipulations-basics cd assignment--dom-manipulations-basics 3-下载.zip文件并解压缩: curl ...
oracle-9i-basics-pdf-
clojure-basics-源码.rar
sql file uploded for using php and other programming language use for software devloping site
STAT-432-Basics-of-Statistical-Learning
Servlet-Basics-Chinese
TopNotchThemes-basics-guide
Basics-First-源码.rar
sinatra-hello-world-basics-onl01-seng-ft-090820-master.rar
web-automation-basics-源码.rar
Stress-Matrix-and-MATLAB-basics-HomepagesPPT文档.pptx
ia-introduction-basics-paper.pdf
TOF基本概念
java-basics-源码.rar
雷达成像原理基础知识,是雷达的初学者必须学习的课程之一,对于雷达成像原理有者深入的分析,比较详细。
Ajax-Basics-1.pdf
Ajax-Basics-2.pdf
DOM-Basics-Exercise