CreateTime--2017年2月16日14:00:22
Author:Marydon
jQuery知识集锦
1.empty()与remove()的区别
<select id="type"> <option value="0">请选择</opton> </select>
window.onload = function() { //$("#type").empty(); //结果:<select id="type"></select> $("#type").remove(); //将该元素从页面上移除 }
UpdateTime--2017年6月15日08:39:55
2.jQuery判断获取到的页面标签是否存在
方法:通过属性length或方法size()实现
第一部分:JAVASCRIPT
window.onload = function () { // 获取id="test"下拉框的option标签的个数 var l = $("#test option").length; console.log(l); // 获取页面上复选框的个数 l = $('input:checkbox').length; alert(l) }
分析:很显然,该页面上没有复选框,所以,第二次l的值为0。
第二部分:HTML
<select id="test"> <option value="">请选择</option> <option value="1">选项一</option> <option value="2">选项二</option> <option value="3">选项三</option> </select>
小结:
a.jQuery获取页面标签,如果未获取到该元素,后面又调用了其他jQuery方法,jQuery不会抛出异常,后面的方法不会执行;
b.jQuery length和size()区别总结:(摘自别处)
b1.length是属性,size()是方法;
b2.如果你只是想获取元素的个数,两者效果一样既 $("img").length 和 $("img").size() 获取的值是一样的;
但是如果是获取字符串的长度就只得用length, 如:$("#text").val().length;
从上可以看出size()是调用length属性实现的,而且在jquery 1.8后 length取代了 size() ,因为length不需要返回一个函数调用,更优秀。