jQuery实战学习笔记

第一章

一、jQuery的基本原理：

     从HTML页面里获取元素并对其进行操作。

二、选择器的魅力

     要操作元素，首先要获取元素。jQuery获取元素类似于css的这种方法：

     $(".home") 表示获取页面中所有class为“home”的元素，组成数组，并且这组数组可以操作jQuery的特有的方法，和java一样用"."操作符。

     $是jQuery的别名，上面也可以改为jQuery(".home")；

     $("body>div:has(a)") 找到body的直接子节点的、包含链接（<a>）的div标签。

 

三、实用工具函数

     $.trim(someString)表示删除字符someString前后空格的实用工具函数。

     $(document).ready(function(){

            $("table tr:nth-child(even)").addClass("even");

      });

      表示在页面加载前执行的方法，比onload方法更前。

      可以简写为$(function(){$("table tr:nth-child(even)").addClass("even");});

四、创建DOM元素

    $("<p>一个元素</p>")  这个可以在页面创建这个标签。

 

五、jQuery扩展。

 

 

第二章

 

选择器

常用：.fire , #fire , div a#fire

 

  1、子选择器">"表示直接的子节点

  2、特性选择器 如a[href^=http://]  选择包含以http://开头的href值得所有a标签。

  3、容器选择器 li:has(a)表示包含有a标签的li元素。不能嵌套。

  4、通过位置定位 

        有a:first  第一个a标签其他的位置看书上的P18

  5、利用子定义选择器，比如有时想找到所有被选择的多选框。P21

  6、生成新的HTML

  7、管理包装元素集合

       a、确定包装集得大小size()返回包装元素的个数。

       b、从包装集里获取元素 get(index)获取包装集里的元素，返回下标所指的元素。

       c、返回元素在包装集里的位置： index(element);

       d、添加更多的元素到包装集add(expression);

          $('img[alt]').add('img[title]')

       e、not(expression) 在包装集中删除符合条件的元素

       f、filter(expression)指需要符合条件的包装集

       g、slice(begin,end)创建并返回包装集，新包装集是原包装集的部分。

       h、利用关系的包装集，比如父节点、子节点、兄弟节点、上一个节点、下一个节点等。(P32)

       i、find(select)传入的条件符合的包装集；

       j、contains(text)

       k、is(select)返回的是true和false ，检验是否有匹配的元素。

       l、en()在链里面会退到前一个包装集

       m、合并链内最后两个包装集。

 

第三章 操作元素

1、each(iterator)遍历包装集里的所有元素，为各元素分别调用传递进来的迭代器。