jquery中如何获取当前DOM对象里的子元素

jquery中如何获取当前DOM对象里的子元素,第1张

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、运行的结果如下图:

一般而言,JQuery可以利用attr来获取元素的属性值,

1、$("元素")attr("属性");                //获取指定属性的值

2、$("元素")attr("属性","属性值");//设置属性值

3、$("元素")removeAttr("属性");  //移除指定属性

不过在16中加入了prop,用法同attr相同。只是将上面中attr替换成prop即可,不过在获取checked等属性时,将会返回标准属性true/false,不会和之前的attr一样,返回checked或者“”。

而JQuery中获取类名的属性为class亦可以为className,因为在HTML DOM中没有class属性,而是className属性。在JQuery中,有对className作出关键字的转换。

扩展资料:

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

参考资料:

jquery百度百科

你可以用jquery的html添加进去这样的字符串给你的某个dom的对象${requestScope你request中的pram的名字}这个要以文本的形式加进去,这个不是jquery的内容,属于el表达式,你试试看

或者jquery有一个叫做$get()的函数是调用Ajax的函数里面有三个参数第三个参数就是注册一个callback函数,在你注册的这个callback函数中如果你写入一个data参数的话这个参数里头会封装从server端过来的值

以上就是关于jquery中如何获取当前DOM对象里的子元素全部的内容,包括:jquery中如何获取当前DOM对象里的子元素、jquery获取当前元素的classname、在jquery里面如何获得request对象等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9342426.html

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

发表评论

登录后才能评论

评论列表(0条)

保存