jQuery知识集锦

 

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不需要返回一个函数调用，更优秀。