jquery如何获取第一个元素的子元素

新建一个html文件 , 定名为test.html , 用于讲解jquery若何获取第一个元素的子元素 。

jquery如何获取第一个元素的子元素

文章插图

2【jquery如何获取第一个元素的子元素】在test.html页面 , 利用script标签加载jquery.min.js文件 , 这是利用jquery方式的前提 。

jquery如何获取第一个元素的子元素

文章插图

3在test.html页面 , 建立两个div , 在div内利用p标签建立两个文字段落 , 并给p标签一个子元素span 。


jquery如何获取第一个元素的子元素

文章插图

4在test.html增添script标签 , 在标签内编写js代码 。 利用$(document).ready()方式实此刻页面加载时就执行里面的函数 。

jquery如何获取第一个元素的子元素

文章插图

5利用jquery获得div下面的p元素 , 经由过程children方式获得p元素的子元素 , 即span元素 , 设置children()方式的选择器为“:first”,即获得子元素的第一个元素 。 代码如下:

jquery如何获取第一个元素的子元素

文章插图

6利用jquery的css方式 , 对选中的第一个子元素设置布景颜色为黄色 , 代码如下:


jquery如何获取第一个元素的子元素

文章插图

7在浏览器运行test.html文件 , 查看实现的结果 , 可见 , 当作功实现了利用了jquery方式获得第一个元素的子元素 , 并设置了其布景颜色 。


jquery如何获取第一个元素的子元素

文章插图

以上内容就是jquery如何获取第一个元素的子元素的内容啦 , 希望对你有所帮助哦!

    推荐阅读