jquery使用问题

1,动态绑定事件和静态添加事件的区别
必须明确jQuery动态绑定事件和静态添加事件在获得事件源对象的不同之处。
<p id="p1">动态绑定事件和静态添加事件的区别</p>
<p id="p2" οnclick="fun()">动态绑定事件和静态添加事件的区别</p>
<p id="p3" οnclick="fun2(this)">动态绑定事件和静态添加事件的区别</p>
//1. 动态绑定事件，this即代表事件源。如：
$("#p1").click(function(){
alert($(this).text()); //this代码事件源
});
//2. 静态绑定事件时，不能直接使用this。如：
function fun(){
alert($(this).text); //不能获得<p>的内容
//3. 通过传递“this"后即可获得事件源
function fun2(obj){
alert($(obj).text());//将obj包装为jQuery对象

 

2,事件处理函数中this和$(this)的区别
$("#p1").click(function(){
alert(this.innerHTML); //直接使用this
alert($(this).text()); //将this包装为jQuery对象
});
如上代码中this代表事件源对象，但直使用this时它是HTML DOM对象；
$(this)可以将HTML DOM对象包装为jQuery对象，即拥有jQuery对象的属性和方法。

 

3.$.css(properties)和$.css(name,value)的区别
1. 语法的区别
css(properties) $("p").css({color:"red"}); 或 $("p").css({"color":"red"});
css(name,value) $("p").css("color":"red");
2.属性名的区别
css(properties)：
如果样式属性名没有用引号，则必须用JavaScript语法的css样式名：如
$("p").css({color:"red",fontSize:"30px"});
如果改为“font-size”就没有效果
如果样式属性名有用引号 ，则两种样式都可以，如：
$("p").css({color:"red","font-size":"30px","fontWeight":"bold"});
css(name,value)：两种形式都可以，下面两种效果一样：
$("p").css("fontSize":"30px");
$("p").css("font-size":"30px");

 

转载于:https://www.cnblogs.com/phpinfo/archive/2012/11/06/2757924.html