jQuery之$用法

其实 $ 就是 jQuery 的缩写。

 

 

1. 选择器

$("td:last").attr("colspan");

 

 

2. 把dom对象转化为jQuery对象

$(document.body).html("<b>Hello world!</b>");

$("body")[0].innerHTML("<b>Hello world!</b>");

 

 

3. 用字符串创建jQuery对象

$("<b>Hello World!</b>").appendTo("p");

 

 

4. document.body.onload事件

语法1：$(document).ready(function)

语法2：$().ready(function)

语法3：$(function)

 

 

5. 判断浏览器类型

ie浏览器：$.browser.msie

firfox    ：$.browser.mozillo

 

 

6. $.each(obj,function);

依次将多个参数传入函数中执行

$.each( [10,20,30] , function(i){ alert("Item "+i+" is "+this); } );

$.each( {name:"John",lang:"JS"}, function(i{ alert("key:"+i+",value:"+this); }) );

 

 

7. $.extend(obj1,obj2)  用第2个对象扩展第一个对象

var obj1 = {validate:false, limit:5, name:"foo"};

var obj2 = {validate:true, name:"bar"};

$.extend(obj1, obj2);

执行后 obj1 对象为 {validate:true, limit:5, name:"bar"}

 

 

8. $.grep(array, function)过滤数组

将array的元素依次传入function，function 必须返回boolean。

var arr = $.grep( [0,1,2,3,4], function(i){ return i > 2; } );

 

 

9. 合并两个数组

$.merge([0,1,2], [2,3,4]);

结果：[0,1,2,2,3,4]

 

 

10. 去除字符串两端的空格

$.trim("  hello, how are you?   ");

结果是"hello, how are you?"

 

 

 

11.  $.fn.check=function 自定义函数

$.fn.check = function() {

return this.each(function(){

this.checked = true;

});

};

这个函数可以这样调用：

$("input[@type='checkbox']").check();

 

 

评论

2 楼 bits00 2012-03-11  

zhangyaochun 写道

LZ的这篇有几个小小的问题：
1----attr

9----$.merge([0,1,2], [2,3,4])
            //结果是 [0, 1, 2, 2, 3, 4]  只是合并 不去重

可以参考一下我写的http://zhangyaochun.iteye.com/blog/1183874

恩，我实验了一下，你是对的，多谢你的提醒！
我看了你的博客，你对jQuery研究得很深入，我还得多向你学习。

1 楼 zhangyaochun 2012-03-10  

LZ的这篇有几个小小的问题：
1----attr

9----$.merge([0,1,2], [2,3,4])
            //结果是 [0, 1, 2, 2, 3, 4]  只是合并 不去重

可以参考一下我写的http://zhangyaochun.iteye.com/blog/1183874