首页 / 知识

查找所有div 下的p元素的实例

2023-04-11 13:30:00

查找所有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>

　　

　　<script src="https://code.jquery.com/jquery-latest.js"></script>

　　

　　</head>

　　

　　<body>

　　

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

　　

　　<script>

　　

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

　　

　　</script>

　　

　　</body>

　　

　　</html>

元素查找方法支持对象实例

最新内容

相关内容