如何查找所有div下的p元素

发布时间：2022-03-04 17:00:00 作者：zzz
来源：亿速云阅读：281

这篇文章主要讲解了“如何查找所有div下的p元素”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“如何查找所有div下的p元素”吧！

　　Working With Plain Objects（使用普通的对象）

　　目前，只支持包裹在jQuery中的普通的JavaScript对象是：.data(),.prop(),.bind(), .unbind(), .trigger() 和 .triggerHandler()。使用.data()（或者任何返回.data()的方法），在一个普通的对象会产生一个新的属性的名为jQuery{randomNumber}（如jQuery123456789）。

　　// define a plain object

　　var foo = {foo: "bar", hello: "world"};

　　// Pass it to the jQuery function

　　var $foo = $( foo );

　　// test accessing property values

　　var test1 = $foo.prop( "foo" ); // bar

　　// test setting property values

　　$foo.prop( "foo", "foobar" );

　　var test2 = $foo.prop( "foo" ); // foobar

　　// test using .data() as summarized above

　　$foo.data( "keyName", "someValue");

　　console.log( $foo ); // will now contain a jQuery{randomNumber} property

　　// test binding an event name and triggering

　　$foo.bind( "eventName", function () {

　　console.log("eventName was called");

　　});

　　$foo.trigger( "eventName" ); // logs "eventName was called"

　　如果.trigger( "eventName" )被使用，它会在这个对象上搜寻一个“eventName的”属性，并且尝试任何附加在jQuery上的处理器执行完成后执行。它不检查该属性是否是一个函数。为了避免这种情况，.triggerHandler( "eventName" )应代替使用。

　　$foo.triggerHandler( "eventName" ); // also logs "eventName was called"

　　例子:

　　Example: 查找所有 div 下的 p 元素，并为它们加上边框。

　　<!DOCTYPE html>

　　<html>

　　<head>

　　</head>

　　<body>

　　<p>one</p> <div><p>two</p></div> <p>three</p>

　　$( "div > p").css("border", "1px solid gray");

　　</script>

　　</body>

　　</html>

感谢各位的阅读，以上就是“如何查找所有div下的p元素”的内容了，经过本文的学习后，相信大家对如何查找所有div下的p元素这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！

如何查找所有div下的p元素

相关阅读