前端用jquery如何去获取一个dom未渲染的标签添加点击事件

给要点击的dom加个id或者class，例如叫click-dom

然后$('#click-dom')on('click',function(){

//点击后要做的 *** 作

})

如果一个jQuery对象表示一个DOM元素的集合，first()方法会构造一个新的jQuery对象，它包含了前一个集合的第一个元素。

<ul>

<li>list item 1</li>

<li>list item 2</li>

<li>list item 3</li>

<li>list item 4</li>

<li>list item 5</li>

</ul>

$('li')first()css('background-color',

'red');

调用的结果是第一个列表项目为红色背景。

如果一个jQuery对象表示一个DOM元素的集合，last()方法从最后一个匹配的元素中构造一个新的jQuery对象。

考虑一个页面上的一个简单的列表：

$('li')last()css('background-color',

'red');

调用的结果是最后一个列表项目为红色背景。

Jquery获取子元素的方法有2种，分别是children()方法和find()方法。下面我们分别来使用这两种方法，看看它们有何差异。

children()方法：获取该元素下的直接子集元素搜索

find()方法：获取该元素下的所有子集元素

这样：

<script type="text/javascript">

     $(function () {

         $("#div1")next()addClass("am-active"); 获得div1的下一个元素

         $("#div1")next()find("dd")addClass("am-in");   获得div1下一个元素的 指定子元素

})     

 </script>

扩展资料：

注意事项

通常，选择一个元素很简单，$("#id")就可以搞定，但是如果想选择某个id为x1的div下的某个id为x2的元素就很困难了，可以通过用find来解决这个问题。

例如：

html代码如下：

<div id="test">

  <div id="div1">第一行</div>

  <div id="div2">

      <p id="p1">第1行</p>

      <p id="p2">第2行</p>

      <p id="p3">第3行</p>

  </div>

  <div id="div3">第三行</div>

</div>

1：children及find方法都用是用来获得element的子elements的，两者都不会返回 text node，就像大多数的jQuery方法一样。

2：children方法获得的仅仅是元素一下级的子元素，即：immediate children。

3：find方法获得所有下级元素，即：descendants of these elements in the DOM tree

4：children方法的参数selector 是可选的（optionally），用来过滤子元素，但find方法的参数selector方法是必选的。

5：find方法事实上可以通过使用 jQuery( selector, context )来实现：英语如是说：Selector context is

implemented with the find() method; therefore, $('liitem-ii')find('li') is

equivalent to $('li', 'liitem-ii')

以上就是关于前端用jquery如何去获取一个dom未渲染的标签添加点击事件全部的内容，包括:前端用jquery如何去获取一个dom未渲染的标签添加点击事件、jquery如何获取第一个或最后一个子元素、用jquery怎么获取子元素的子元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！