[size=medium]jquery很强大,强大到没有它我都不会做前端开发了.
以下是收集的一些tip
1.如果要使用页面某些元素无效,就是设置这些元素的disabled属性值为disabled
$(selector).attr("disabled","disabled");
相应的要使之又有效,就去掉disabled属性
$(selector).removeAttr("disabled");
注意并不是每个页面元素都对disabled起作用,
比如<a>元素就可以使它返回false来取消默认操作,即打开链接
2.选择或取消选择多选框<input type="checkbox"/>
也就是控制checked属性值为checked
$(selector).attr("checked","checked");
相应的就是移走checked属性
$(selector).removeAttr("checked");
3.取消jquery绑定的事件
有时我们需要取消绑定事件,试图绑定第二个方法事件是不可行的
因为事件绑定是叠加的.
jquery提供了unbind方法来取消事件的绑定
$(selector).unbind("click");
如果事件有多个绑定可以指定具体方法名来取消
$(selector).unbind("click",fnName);
注意不同的selector可能都指向同一个元素
比如$(".nono").click(function(){alert('a');});
就不能使用$("#id .nono").unbind("click");来取消绑定
4.下拉列表我们可以取它的值(value),也可以取字面值
<select id="mysel">
<option value="1">M</option>
<option value="2">L</option>
</select>
第一个值比较容易取得
$("select#mysel").val(); //結果为1
$("#mysel option:selected).text(); //結果为M
5.jquery绑定事件的对象是当前页面的元素,所以当从服务器ajax返回html字符串加入到当前页面中的元素是没有绑定事件的,这时可以重新绑定,但是因为事件绑定是叠加的,所以不适宜执行太多的重新绑定.可以考虑live query这个插件
6.jquery的is()方法
可以测试元素是否有class属性
$(selector).is(".pretty"); 或使用 $(selector).hasClass("pretty");
7.
[/size]
以下是收集的一些tip
1.如果要使用页面某些元素无效,就是设置这些元素的disabled属性值为disabled
$(selector).attr("disabled","disabled");
相应的要使之又有效,就去掉disabled属性
$(selector).removeAttr("disabled");
注意并不是每个页面元素都对disabled起作用,
比如<a>元素就可以使它返回false来取消默认操作,即打开链接
2.选择或取消选择多选框<input type="checkbox"/>
也就是控制checked属性值为checked
$(selector).attr("checked","checked");
相应的就是移走checked属性
$(selector).removeAttr("checked");
3.取消jquery绑定的事件
有时我们需要取消绑定事件,试图绑定第二个方法事件是不可行的
因为事件绑定是叠加的.
jquery提供了unbind方法来取消事件的绑定
$(selector).unbind("click");
如果事件有多个绑定可以指定具体方法名来取消
$(selector).unbind("click",fnName);
注意不同的selector可能都指向同一个元素
比如$(".nono").click(function(){alert('a');});
就不能使用$("#id .nono").unbind("click");来取消绑定
4.下拉列表我们可以取它的值(value),也可以取字面值
<select id="mysel">
<option value="1">M</option>
<option value="2">L</option>
</select>
第一个值比较容易取得
$("select#mysel").val(); //結果为1
$("#mysel option:selected).text(); //結果为M
5.jquery绑定事件的对象是当前页面的元素,所以当从服务器ajax返回html字符串加入到当前页面中的元素是没有绑定事件的,这时可以重新绑定,但是因为事件绑定是叠加的,所以不适宜执行太多的重新绑定.可以考虑live query这个插件
6.jquery的is()方法
可以测试元素是否有class属性
$(selector).is(".pretty"); 或使用 $(selector).hasClass("pretty");
7.
[/size]
本文介绍了jQuery中的一些实用技巧,包括如何使元素失效、选择多选框、取消绑定事件、获取下拉列表值等。同时提供了关于jQuery绑定事件的注意事项及解决方法。
2444

被折叠的 条评论
为什么被折叠?



