jquery 中$符号六大作用

jquery 中$符号六大作用

2012-12-16 86市场网 javascript

a.$用作选择器，

var e = $("h1 a");

var f = $("table tr:nth-child(even)")

b.$用作功能函数前缀

var str = ' Welcome to 86shichang.com ';
str = $.trim(str);  //$.trim是jQuery的一个工具函数，实现去掉两边空格的功能

jQuery给我们提供了主要有7类工具函数

c.$相当于 window.onload 和$(document).ready(...)

例如：$(function(){...}); 里面的函数会在DOM树加载完之后执行

$(function) 是 $(document).ready()的简写方式，当DOM文档载入完成后执行相应的函数。

以下两个相等

$(document).ready(function(){
 alert("Hello World!");
});
$(function(){
 alert("Hello World2!");
});

d.$用来创建DOM元素

例如：$("<p>how are you?</p>")

创建DOM对象，注意必须有<p>和</p>或者是其他的html标签，如<h1></h1>,<span></span>

$('<div>86市场网</div>').appendTo('body');//动态创建一个div元素（以及其中的所有内容），并将它追加到body中。

e:$用作扩展jQuery

例如：$.fn.disable = function(){...}

f:使用jQuery和其他库

例如：Prototype库也是使用$符号，jQuery提供noConflict函数避免冲突，jQuery.noConflict();把$符号还原到非jQuery库定义的含义。