jquery获取子元素的一些方法
1.通过id,class等选择器
2.通过父元素进行find查找
3.通过父元素的children进行查找
注意:find和children的区别,代码已给出详细解释,想要真正理解,还是得靠代码.光看不练那都是纸上谈兵
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>jQuery获取子元素的一些方法</title><script type="text/javascript" src="js/jquery.js"></script><script>$(function() {/* 1. 常用的 通过id,class选择器*//* * 2. 使用遍历的方法,通过find,find会跨越层级查找,一直找到* 没有为止,但是children只会查找直接子元素* */$("button").on("click", function() {var str = $(".div1").find("p").eq(0).html(); /*这里取到的是 <p>我是间接的p元素</p>*/$(".s1").html(str);/** 通过children,下标从0开始,是取直接子元素,间接元素并不会遍历,* 也就是div1中的第一个p元素是间接子元素,并不会遍历到* */var str2 = $(".div1").children("p").eq(0).html(); /*这里取到的是 <p>上海<p/>*/$(".s2").html(str2);})})</script></head><body><div class="div1"><div><p>我是间接的p元素</p></div><p>1.上海</p><p>2.广州</p><p>3.北京</p><p>4.深圳</p><p>5.中山</p><hr /><span class="s1"></span><br/><span class="s2"></span><br/><span class="s3"></span><br/><button>确定</button></div></body></html>