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对象。