1、选择器
在css中选择器的作用是选择页面中某一类(类别选择器)元素或者某一个元素(ID选择器),而jQuery中的“$”作为选择器,同样是选择某一类或某一类元素,只不过jQuery提供了更多更全面的选择方式。
并且为用户处理了浏览器的兼容问题。jquery中选择器的通用语法如下:
$(selector)或者jQuery(selector)
2、功能函数前缀
在javascript中,开发者经常要便携一些小函数来处理各种操作细节,例如在用户提交表单时,需要将文本框中的最前端和最末端的空格清理掉,javascript没有提供类似trim()的功能,而引入jQuery后,便可以直接使用trim()函数:
例如 $.trim(sString);
以上代码相当于:jQuery.trim(sString);
3、解决window.onload函数的冲突
由于页面的HTML框架需要在页面完全加载之后才能使用,因此在DOM编程时window,onload函数频繁被使用。倘若页面中有多处都需要使用该函数,或者其他.js文件也包含window.onload函数,冲突问题十分棘手。
jQuery中的ready()方法很好的解决了上述问题,它能够自动将其中的函数在页面加载完成后运行,并且同一个页面中可以使用多个ready()方法,而且不互相冲突。
例如
$(document).ready(function(){$(“ table.datalist tr : nth-child(odd)”).addClass(“altrow”); } );
对于上述代码jQuery还提供了简写,可以省略其中的“(document).ready”部分,代码如下:
$(function(){$("table.datalist tr:nth-child(odd)").addClass("altrow");});
4、创建DOM元素
利用DOM方法创建元素节点,通常需要将document.createElement_x() 、document.create TextNode() 、 appendChlid() 配合使用 , 十分麻烦,
而jQuery中使用 $ 符号可以直接创建DOM元素
例如
var oNewP = $(“这是一个好故事</>”)
以上代码等同于JavaScript中的如下代码:
var oNewP = document.createElement_x ("p"); //新建节点
var oText = document.createTextNode(“这是一个好故事”);
oNewP.appendChild(oText);