<强>金桥使用过程中,一些小技巧:
<强> 1.()方法
根据选择器,元素或jQuery对象来检测匹配元素集合,如果这些元素中至少有一个元素匹配给定的参数,则返回真的。一些小应用如下:
& lt; ul>
& lt; li>清单& lt; strong>项目1 & lt;/strong> & lt;/li>
& lt; li> & lt; span>列表项2 & lt;/span> & lt;/li>
& lt; li>列表项3 & lt;/li>
& lt;/ul>
$ (“ul”) .click(函数(事件){
var=$ $ target (event.target);
如果(target.is美元(“李”)){
美元的目标。css(“背景颜色”,“红”);
}
});
如此,便可以限制住,只有列表项李本身点击之后,才会触发写入的点击事件。
其也可以做以下一些判断:
//是不是一个div
elem.is (div),,控制台。日志(“这是一个div”);//是不是有包含(也可以有其他类名)bigbox的类名的元素& # 63;
elem.is (.bigbox),,控制台。日志(“它bigbox类!”);//是不是隐藏的& # 63;
elem.is(“:不(可见的)”),,控制台。日志(“隐藏!”);
之前
这里有一点需要注意,,,运算符可以用来做一个判断,当前面的条件满足时,后面的会执行,但是后面的条件不能是表达式,只能是console.log()或则+ +我一类的。
还有以下比较有用的用法:
elem.animate({“宽度”:200},1000);//是否正在动画
elem.is(':动画),,控制台。日志(“动画!”);
之前
<强> 2. jquery中拓展方法
.fn美元是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。
如扩展.fn.abc美元(),即美元.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了。
那么你可以这样子:$ (" # div) .abc ();
jQuery.extend(对象);为扩展jQuery类本身。为类添加新的方法。
jQuery.fn.extend(对象);给jQuery对象添加方法。
jQuery.extend(对象);为jQuery类添加添加类方法,可以理解为添加静态方法。如:
elem.animate({“宽度”:200},1000);//是否正在动画
elem.is(':动画),,控制台。日志(“动画!”);
之前
便为jQuery添加一个为添加的“静态方法”,之后便可以在引入jQuery的地方,使用这个方法了,
美元阀门(3、4);//返回7
jQuery.fn。存在=function(){返回。长度比;0;}
console.log ($ (' # elem ') .exists () & # 63;“存在!”:“不存在!”);
之前
<强> 3. jquery方法()美元实际上是拥有两个参数的
$(“李”,“# firstList”) . each(函数(){
console.log ($ () . html ());
});
这里,第二个参数用来限制第一个参数给定的查找结果
$ (' & lt; div> ', {
“类”:“bigBlue”,
" css ": {
“背景颜色”:“紫色”
},
“宽度”:20,
“高度”:20,
“动画”:{//可以设置div的动画效果
“宽度”:200年,
“高度”:50
}
}).appendTo(“#结果”);
这里,第二个参数用来对创建的元素进行设置。
<强> 4. jquery中结束的()方法,可以让链式语法写起来更加高效、快捷。
& lt; ul id=安汀北?& lt; li>& lt; ul类=霸绮汀北?& lt;李类="鸡蛋"祝辞No& lt;李类=巴了尽弊４荖o& lt;李类=肮弊４荖o& lt;/ul>& lt;/li>& lt;/ul>
breakfast.find (.eggs)。text(“是的”)指标()//最终回到早餐
(“.toast”)。text(“是的”)指标();但最终(“.juice”)。toggleClass(“果汁咖啡”)。text(“是的”);
这里,结束()会返回查找元素的上一级。
<强> 5.快捷菜单事件,右键点击
也许希望网络应用感觉更像原生的,那么可以阻止快捷菜单默认事件。
$(函数(){
$(文档)。(“快捷菜单”,函数(e) {
e.preventDefault ();
});
});之前
当然,应用此事件,也可以自定义,右键出来的操作菜,单类似于
