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()使用过程中的二种方法

    等待更新。。。。。

  • 相关阅读:
    CentOS7.2安装mysql
    中国古代研究
    2018计算机考研各科试卷分值分布
    《期刊杂志总结》
    《认识雅思》
    《认识托福》
    Java框架
    英语学习方法
    单词2
    Phaser游戏框架与HTML Dom元素之间的通信交互
  • 原文地址:https://www.cnblogs.com/h5monkey/p/6161095.html
Copyright © 2011-2022 走看看