jQuery 使用手册(四)
更新时间：2009年09月23日 17:30:44 作者：
jQuery 使用手册，大家可以耐心的看完，就基本上入门了。
四：JavaScript处理
$.browser() 判断浏览器类型，返回boolen值
$.each(obj, fn) obj为对象或数组，fn为在obj上依次执行的函数，注意区分$().each()
$.extend(obj, prop) 用第二个对象扩展第一个对象
可以用下面函数来测试
$.grep(array,fn) 通过函数fn来过滤array，将array中的元素依次传给fn，fn必须返回一个boolen，如fn返回true，将被过滤
$.merge(first, second) 两个参数都是数组，排出第二个数组中与第一个相同的，再将两个数组合并
$.trim(str) 移出字符串两端的空格
$.trim(" hello, how are you? ")的结果是"hello, how are you?"
$.browser() 判断浏览器类型，返回boolen值
$(function(){
if($.browser.msie) {
alert("这是一个IE浏览器");}
else if($.browser.opera) {
alert("这是一个opera浏览器");}
})
当页面载入式判断浏览器类型，可判断的类型有msie、mozilla、opera、safariif($.browser.msie) {
alert("这是一个IE浏览器");}
else if($.browser.opera) {
alert("这是一个opera浏览器");}
})
$.each(obj, fn) obj为对象或数组，fn为在obj上依次执行的函数，注意区分$().each()
$.each( [0,1,2], function(i){ alert( "Item #" + i + ": " + this ); });
分别将0，1，2为参数，传入到function(i)中
$.each({ name: "John", lang: "JS" }, function(i){ alert( "Name: " + i + ", Value: " + this );
{ name: "John", lang: "JS" }为一个hash对象，依次将hash中每组对象传入到函数中$.extend(obj, prop) 用第二个对象扩展第一个对象
var settings = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
$.extend(settings, options);
执行后settings对象为{ validate: true, limit: 5, name: "bar" }var options = { validate: true, name: "bar" };
$.extend(settings, options);
可以用下面函数来测试
$(function(){
var settings = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
$.extend(settings, options);
$.each(settings, function(i){ alert( i + "=" + this ); });
})
var settings = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
$.extend(settings, options);
$.each(settings, function(i){ alert( i + "=" + this ); });
})
$.grep(array,fn) 通过函数fn来过滤array，将array中的元素依次传给fn，fn必须返回一个boolen，如fn返回true，将被过滤
$(function(){
var arr= $.grep( [0,1,2,3,4], function(i){ return i > 2; });
$.each(arr, function(i){ alert(i); });
})
我们可以看待执行$.grep后数组[0,1,2,3,4]变成[0，1]var arr= $.grep( [0,1,2,3,4], function(i){ return i > 2; });
$.each(arr, function(i){ alert(i); });
})
$.merge(first, second) 两个参数都是数组，排出第二个数组中与第一个相同的，再将两个数组合并
$(function(){
var arr = $.merge( [0,1,2], [2,3,4] )
$.each(arr, function(i){ alert(i); });
})
可以看出arr的结果为[0,1,2,3,4]var arr = $.merge( [0,1,2], [2,3,4] )
$.each(arr, function(i){ alert(i); });
})
$.trim(str) 移出字符串两端的空格
$.trim(" hello, how are you? ")的结果是"hello, how are you?"
相关文章
这篇文章主要介绍了JQuery显示隐藏页面元素的方法总结,本文分别讲解了show()、hide()、toggle()、slideDown()、css()5种控制显示隐藏某个DIV或P标签等页面元素的方法,需要的朋友可以参考下2015-04-04
以前很少用jquery，现在工作需要，用上了，感觉真的很方便！不用再像以前那样写那么多多余的Js了！看来得在jquery上花点功夫呢！2011-03-03
这篇文章主要介绍了jquery如何实现表格排序、实时搜索表格内容,需要的朋友可以参考下2014-05-05
jquery焦点图片切换(数字标注/手动/自动播放/横向滚动)
焦点图片切换在网页制作的商品展示中经常会用到，这样的效果可以给用户带来耳目一新的感觉同时也是用户比较追捧的，本文也实现了一个这样的焦点图片切换效果,感兴趣的你可以参考下啊，希望本文对你有所帮助2013-01-01
页面中需要实现某个按钮点击完后，禁用它，并显示倒计时。这个默认是3秒，代码很简单2012-03-03
使用Google的UI的时候，在当前页面打开一个超链接，网页会根据需要进行局部刷新，而不是替换整个页面。当用户选择新窗口打开超链接的时候，超链接仍然可以到达预想的页面2012-05-05
这篇文章主要介绍了jQuery实现简单的列表式导航菜单效果代码,涉及jquery操作鼠标事件及页面元素样式动态变换的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
在jQuery 1.5中使用deferred对象的代码(翻译)
Deferred是jQuery1.5新增的一个特性，很多人把它翻译成 “异步队列”，我觉得比较靠谱，毕竟和“延迟”没啥关系，不过这篇文章中我还采用deferred这个单词。2011-03-03
这篇文章主要为大家详细介绍了jQuery实现弹弹球小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。2010-12-12
最新评论