jquery如何用$(this)选择他下面的子元素

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，并引入jquery，编写问题基础代码。

2、在indexhtml中的<script>标签，输入jquery代码：

$('li')hover(function () {

$(this)find('dd')css('display', 'inline');

});

3、浏览器运行indexhtml页面，此时当鼠标移动到li上时，它的字元素dd通过$(this)的方式获取被显示了出来。

这个要用到JS中的innerHTML来实现，具体代码如下：

<style>

ul{width:300px; height:auto; margin:0 auto; border:1px dotted #F00; text-decoration:none;}//给UL定义一个样式

li{width:300px; height:30px; line-height:30px; list-style: none; }//控制LI显示样式

</style>

<ul id="aaa">//这里给出UL一个ID，以便JS脚本获取相应元素

<li>中国</li>

<li>美工</li>

<li>意大利</li>

<li>德国</li>

</ul>

<script>

windowonload = function(){

var obj_lis = documentgetElementById("aaa")getElementsByTagName("li");

for(i=0;i<obj_lislength;i++){

obj_lis[i]onclick = function(){

alert(thisinnerHTML);

}

}

}

</script>。

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

<!--加载jquery-->

<script src=";

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

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

>是子选择器获取所有子级

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

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

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

:last获取最后一个元素

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

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

以上就是关于jquery如何用$(this)选择他下面的子元素全部的内容，包括:jquery如何用$(this)选择他下面的子元素、js获取<li>的子节点<a>里的title、jquery如何获取第一个子元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！