js里符号$的意义


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);
 
 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM