jquery获取到最新追加 的那个元素 怎么获取到

jquery获取到最新追加 的那个元素 怎么获取到,第1张

方法很多,比如:

1、依次按节点获取,比如$("input")find(xx),xx就是你新追加在某个元素后面的元素。

2、apppnd("<div class='className'>content</div");

$("divclassName");

$(function() {

$('body')addClass('bg_main')keyup(function() { return registerHotKey(event); });

$('#s')focus();

});

onkeyup, onload 不要直接加入属性, onkeyup 可以直接绑写在 $('body') 对象

onload 直接写在 jquery function 里

keyup 那个 event 不知你这是一个变量还是一个 js 对象, 如果要返回 keyup 的 event

keyup(function(e) { return registerHotKey(e); });

jquery中获取当前dom元素的子元素的方法有很多,常见的方法是使用children()方法或者fand()方法都是可以获取到某个元素的子元素的,children() 方法返回匹配元素集合中每个元素的子元素,find()方法获得当前元素集合中每个元素的后代,通过选择器、jQuery 对象或元素来筛选。

工具原料:jQuery、编辑器、浏览器

一、使用children()方法获得子元素

1、使用该方法获取子元素并设置子元素的字体为蓝色,代码如下:

<!DOCTYPE html>

<html>

<head>

<script type="text/javascript" src="/jquery/jqueryjs"></script>

<style>

  body { font-size:16px; font-weight:bolder; }

  p { margin:5px 0; }

</style>

</head>

<body>

  <div>

    <span>Hello</span>

    <p class="selected">Hello Again</p>

    <div class="selected">And Again</div>

    <p>And One Last Time</p>

  </div>

<script>$("div")children("selected")css("color", "blue");</script>

</body>

</html>

2、运行的效果如下图:

二、使用find()方法获取子元素

1、使用fand()方法获取子元素并且进行选择器的筛选,代码如下图:

<!DOCTYPE html>

<html>

<head>

  <script type="text/javascript" src="/jquery/jqueryjs"></script>

</head>

<body>

  <p><span>Hello</span>, how are you</p>

  <p>Me I'm <span>good</span></p>

<script>

  $("p")find("span")css('color','red');

</script>

</body>

</html>

2、运行的结果如下图:

这样:

<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>

以上就是关于jquery获取到最新追加 的那个元素 怎么获取到全部的内容,包括:jquery获取到最新追加 的那个元素 怎么获取到、网页已经加载完毕,通过jquery修改body属性 <body>改成、jquery中如何获取当前DOM对象里的子元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9502037.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存