jquery子元素第一个,jquery 第一个子节点

jquery如何获取第一个子元素

下面写个例子来获取id为demo的元素的第一个子元素。

成都网站制作、做网站服务团队是一支充满着热情的团队，执着、敏锐、追求更好，是创新互联的标准与要求，同时竭诚为客户提供服务是我们的理念。创新互联建站把每个网站当做一个产品来开发，精雕细琢，追求一名工匠心中的细致，我们更用心！

!--加载jquery--

script src=""/script

script

$(function(){//页面加载完成时进入

var firstChild=$("#demo:first");//用选择器的方式获取第一个子元素

firstChild.css('color','red');//将第一个子元素中的文字变为红色，可以看到只有“111”是红色的

});

/script

div id="demo"span111/spanspan222/spanspan333/span/div

说明一下以上例子中用到选择器

#demo是id选择器获取id为demo的元素

是子选择器获取所有子级

:first是首项选择器获取第一个元素

三者结合起来就是获取id为demo的元素的所有子元素中的第一个元素。

其实jquery的选择器有很多，包括：

:last获取最后一个元素

:eq(index)获取第index个选择器

更多可以直接百度搜索“jquery选择器”来查看。

jquery中children()可以选择子元素，remove()可以删除元素，所以可用如下代码删除子元素。

$(object).children.first().remove();

删除object元素下满足的第一个子元素，不填写则默认删除所有子元素

$("p:first") 第一个 p 元素 demo 选择第一个 p 元素

$("p:last") 最后一个 p 元素 demo 选择最后一个 p 元素

jQuery 选择器参考手册参考地址

文章名称：jquery子元素第一个,jquery 第一个子节点
URL标题：http://azwzsj.com/article/dsdigdd.html