jquery 中$符号六大作用

时间:2022-02-02 07:10:47

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库定义的含义。