zoukankan      html  css  js  c++  java
  • 【锋利的Jquery】读书笔记三

    DOM操作

    三个方面;DOM core    html-dom  css-dom

    注意点:

    删除事件中 三种删除节点的方法   remove   detach   empty

    remove不解释

    detach  不会把匹配的元素从jquery对象中删除   保留 绑定的事件 附加的数据

    <script type="text/javascript">
                      $(function(){
                          $("ul li").click(function(){
                              alert($(this).html())
                          })
                          //var $li = $("ul li:eq(1)").remove();  无事件
                          var $li = $("ul li:eq(1)").detach();    //带事件
                          $li.appendTo("ul");
                          
                      })
             </script>

    判断是否有某个样式

    hasclass()   判断函数是否有某一个class   返回 true   false

    is()           判断是否有某一个值    $("p").is(".anthor")

    defaultValue  表单元素 初始值

    this.defaultValue 当前文本框默认值

    下拉框选择模式

    val()    $(":checkbox").val(["check2"]);

    attr()    $().attr("selected",true);

    遍历节点:

    children()  取得匹配子元素的集合   只考虑子元素不考虑其后代元素

     上图种 $("p").children().length 长度为 0   

    ul的长度为3

    parent() 只找当前标签的父级

    parents() 一直要找到最外面的祖先父级

    closet()区别   

     看图

    parent()使用过程中的二种方法

    等待更新。。。。。

  • 相关阅读:
    BZOJ5212 ZJOI2018历史(LCT)
    BZOJ5127 数据校验
    253. Meeting Rooms II
    311. Sparse Matrix Multiplication
    254. Factor Combinations
    250. Count Univalue Subtrees
    259. 3Sum Smaller
    156. Binary Tree Upside Down
    360. Sort Transformed Array
    348. Design Tic-Tac-Toe
  • 原文地址:https://www.cnblogs.com/h5monkey/p/6161095.html
Copyright © 2011-2022 走看看