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

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h64035.shtml