jQuery 知识点总结

jQuery

一、有哪些选择器？怎么用？

    1.元素选择器：
    基于元素名选取元素。
    eg:$(“选取元素”).属性；

    2、id选择器：
    页面中元素的id是唯一的，选取唯一的元素需要通过#id选择器。
    eg:$(“#所选id名”)；

    3、class选择器：
    通过指定的class查找元素。
    eg：$(“.class名”)

    所选取的元素可以为*,this
    $(“*”)选取所有元素
        $(“this”)选取当前HTML元素
    可以在所选元素属性后面加 ：属性，来获取需要的元素
    $(“p:first”)选取第一个<p>元素
        选取当前标签下的下一级标签元素，下一级元素后需加属性确定所选属性位置
        $(“ul li:first”)选取第一个<ul>元素的第一个<li>元素
    $(“ul li:first-child”)选取每个<ul>元素的第一个<li>元素
        用中括号选取带有（中括号里内容）属性的元素
        $(“[href]”)选取带有href属性的元素

    $(“:button”)选取所有type=”button”的<input>元素和<button>元素
        $(“tr:even”)选取偶数位置上的<tr>元素
    $(“tr:odd”)选取奇数位置上的<tr>元素

二、如何绑定事件

    jQuery中提供了四种监听方式，分别是bind,live,delegate,on
    事件方法触发器或添加一个函数到被选元素的时间处理程序。

三、如何控制dom节点显示或隐藏？

   使用hide()和show()方法来隐藏和显示HTML元素：
   可根据事件触发这两种方法隐藏或显示需要隐藏或显示的元素标签内内容。

四、如何取值和赋值？有那些取值赋值的方法？

    1）赋值：根据文本框中的id进行选取文本框中的内容
    2）取值：根据值所在的标签元素进行取值。
    3）方法：text() 所选元素的文本内容
             html() 所选元素的内容（包括HTML标记）
             val()表单字段的值

五、如何在dom节点追加，覆盖，插入（开头/结尾）新的html元素或内容？

    1）追加：选取需要追加内容的标签元素.html(‘所追加的内容’);
    2）覆盖：选取需要追加内容的标签元素.replaceWith(‘需要替换的内容’)；

六、如何移除dom节点？

    需要移除内容标签的id元素.remove()  移除所选元素内容和标签
    需要移除内容标签的id元素.empty()   只移除所选元素的内容

七、如何控制dom节点显示或隐藏？

    第一种：设置css display属性为none,效果：元素不显示，不占位
    第二种：设置css visibility属性为hidden,效果：元素不显示，但占位