Jquery1.4+ Trap and Tip

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.

你可能感兴趣的:(html,jquery,Ajax)