jQuery语法结构

jQuery语法结构

工厂函数$()

  $(selector).action();

选择器selector

  $（selector）

方法action（）

       jQuery对象.addClass（[样式名]）

jQuery程序的代码风格

"$"的使用

  它是jQuery程序的标志

操作连缀书写

  css（“属性”，“属性值”）；

★css（）方法和addClass（）方法的区别：

css（）方法为所匹配的元素设置给定的CSS样式。

addClass（）方法向所匹配的元素添加一个或多个类，该方法不会移除已经存在的类，仅在原有的基础上追加新的类样式。

基于结构与样式分离的原则，通常会在实际应用中，为某元素添加央视，使用addClass（）方法比css（）方法的频率高很多，因此建议使用addClass（）方法为元素添加样式。

DOM模型

在DOM里存在很多不同类型的节点，通常分为3种：元素节点、文本节点和属性节点。

DOM对象

在JavaScript中，可以使用getElementsByTagName（）或者getElementsById（）来获取元素节点，这样得到的是DOM对象，它可以使用JavaScript中的方法。

jQuery对象

通过jQuery包装DOM对象后产生的对象，能使用jQuery中的方法。

例：$（“#title”）.html（）；  //获取id为title的元素内的html代码

【等同于document.getElementsById（“title”）.innerHTML】

jQuery对象和DOM对象的相互转换

1）jQuery对象转换成DOM对象

①jQuery对象是一个类似数组的对象，可通过[index]的方法得到相应的DOM对象。

②通过get（index）方法得到相应的DOM对象。

2）DOM对象转换成jQuery对象

需要用$（）函数将DOM对象包装起来，就可以得到一个jQuery对象。