查找所有div 下的p元素的实例
导读: Working With Plain Objects(使用普通的对象) 目前,只支持包裹在jQuery中的普通的JavaScript对象是:.data( ,.prop( ,.bind( , .unbind( , .trig...
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 元素,并为它们加上边框。
one
two
three
$( "div > p").css("border", "1px solid gray");声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 查找所有div 下的p元素的实例
本文地址: https://pptw.com/jishu/655794.html
