jQuery基础知识①

jQuery基础知识①

一、概念：jQuery是一个JavaScript函数库，是一个轻量级的“写的少，做的多”的JavaScript库

二、jQuery库的功能：

   HTML 元素选取

   HTML 元素操作

   CSS   操作

   HTML  事件函数

   JavaScript 特效和动画

    HTML  DOM 遍历和修改

    AJAX

    Utilities

提示：除此之外，jQuery还提供了大量的插件

三、jQuery语法是通过选取 HTML 元素，并对选取的元素执行某些操作

     基础语法：$(selector).action();

         ① $美元符号定义jQuery

         ②selector 选择符需要查找的元素  支持css1~css3中的主流选择器

         ③action() 执行对元素的操作

          如：

四、jQuery选择器

（1）ID选择器  $（”#id”）;

（2）class选择器  $(“.classname”);

（3）element元素选择器  $(“标签名称”);

（4） 全选择器  $(“*”)

（5）层级选择器

   ① 选择body中的所有div元素

        

 

  ②选择body中直接的子元素div

     

  ③选择div#box紧跟后面的一个元素

        

 

  ④选择div#box元素的兄弟元素

   

五、JavaScript对象 与jQuery对象

①通过js方法获取的元素，叫做js对象

②通过jQuery的方法获取的元素，叫做jQuery对象

注意：jQuery对象只能使用jQuery里面的方法；js对象只能使用js里面  的方法与属性

   

六、js对象要想在jq里面使用，就要将js对象转换为jq对象；jq对象也一样

七、讲解css（）方法、html（）方法、text（）方法、val（）方法

（1）css（）方法

  

（2）html（）方法的讲解

   

 （3）text（）取得所有匹配元素的内容  与  innerText（）的方法是一样的

（4）val（）方法  专门针对表单元素

八、讲解attr()  removeAttr()  设置元素的属性

  

九、对class类的操作【addClass（）添加类   removeClass（）移除类   toggleClass()切换类   hasClass（） == is（”.”+class）判断某个元素是否含有某个类 】

十、(DOM)向元素内部追加内容

（1）向每个匹配的元素内部添加内容

① $(A).appendTo(B) 将新创建的节点A，追加到B(已经存在的父节点）中

② $(B).append(A)

（2）向每个匹配的元素内部前置内容

① $(A).prepend(B)

    ②$(B).prependTo(A)