首页 > 代码库 > 《锋利的jQuery》读书笔记

《锋利的jQuery》读书笔记

2024-08-16 09:58:14   219人阅读

jQuery理念：write less， do more！

                    第 一 章
一：jQuery简介
    a：轻量级
    b：强大选择器
    c：DOM封装
    d：ajax封装
    e：不污染顶级变量    只建立一个jQuery对象：所有的方法都在这个对象下！
    f：解决了浏览器的兼容性问题
    g：行为和结构的分离
    h：丰富的插件

二：语言环境的配置
    a：在页面中导入即可！

三：jquery对象和DOM对象
   jquery对象——》DOM对象： 将jquery对象看成一个数组！
   DOM对象——》jquery对象： $(dom对象)   包装下即可
   $():jquery对象的制造工厂


                       第 二 章  jQuery选择器

四：选择器 （jquery的重中之重）  超NB
    a：css选择器找到元素添加样式，jquery选择器找到元素添加行为！
    b：在jquery中使用的css选择器拥有跨浏览器的兼容性！
    c：过滤选择器
        1.基本过滤选择器
        2.内容过滤选择器
        3.可见性过滤选择器
        4.属性过滤选择器
        5.子元素过滤选择器
        6.表单对象属性过滤选择器

五： $(‘#id\\#b‘)   // 转义特殊字符 “#”

六：a标签的href属性跳转可以用jquery覆盖掉！   就是说jquery执行的优先级比a标签默认的href属性高！

七：jquery选择器是可以扩展的！  给jquery装插件！


                       第 三 章  jQuery中的DOM操作

八：DOM
     a：是一种与浏览器、平台、语言无关的接口。
     b：分为DOM Core、HTML-DOM、CSS-DOM
     c：节点：文档节点、元素节点、文本节点、属性节点、注释节点
   DOM操作
     a：增   先创建节点，再插入节点。
             clone()复制节点，再插入！   若要复制节点具备原来节点的事件（clone()方法参数里写true）。
     b：删   remove()方法、empty()方法
     c：改   替换   包裹   移动
     d：查
     f：替换   replaceWith()  replaceAll()
     g：包裹   wrap() wrapAll()   wrapInner()
     f:属性的设置、获取、删除    attr() attr(‘‘,‘‘)  removeAttr(‘‘);
     h:样式的操作  addClass()  removeClass() toggleClass()   hasClass()
     i:html()   text()  val()
     j：遍历  children()  next()  prev()  siblings() closest()

   CSS-DOM
     a: css()  offset()  position()  scrollTop() scrollLeft()        (这里需要强化)


                         第 四 章 jQuery中的事件和动画

1.合成事件：hover() toggle()
2.冒泡 和 捕获
(3).事件对象event的属性：event.type   event.preventDefault()  event.stopPropagation()
               event.target   event.pageX   event.pageY     event.which
4.bind()  unbind()   one()
5.模拟操作： 直接激活事件   $(‘元素‘).trigger(‘事件名‘)
                        $(‘元素‘).click()
6.触发自定义事件：
    <script>
        $(‘#btn‘).bind(‘myClick‘,function(){
            $(‘#test‘).append(‘<p>我的自定义事件</p>‘);
        })
        $(‘#btn‘).trigger(‘myClick‘);     // 触发这个事件
    </script>



                        第 五 章 jQuery对表格和表单的操作

1.is(":animated")  判断是否处于动画队列.  jQuery操作的都是jQuery对象！

2.each() 和each(i)


《锋利的jQuery》读书笔记


联系
我们