【标签】JQuery
简写
jQuery 简化为 $
$(docment).ready(function(){…}) 简化为 $(function(){…})
$(selector).bind('click','function(){…}') 简化为 $(selector).click(function(){…})
get() 简化为 ge()
equal() 简化为 eq()
自定义添加"$"
jQuery不能满足所有用户的所有需求,且有一些特殊的需求十分小众,也不适合放到整个jQuery框架中,
用户可以自定义该方法。
代码如下:
$.fn.disable = function(){
return this.each(function(){
if(typeof this.disabled != "undefined") this.disabled = true;
});
}
以上代码首先设置"$.fn.disable",表明为"$"添加一个方法“disable()”,其中“$.fn”是扩展jQuery时所必须的
然后利用匿名函数定义这个方法,即用each()将调用这个方法的每个元素的disabled属性均设置为true(如果该属性存在)
解决"$"的冲突
如果其他框架也是用了“$",会引起冲突,jQuery同样提供了noConflict()方法来解决"$"冲突问题
jQuery.noConflict();
以上代码可以使"$"按照其他javascript框架的方式运算,这时再jQuery中便不能在使用“$”,而必须使用jQuery,
例如$("div p") 必须写成jQuery("div p").
语句 |
功能 |
$(document) |
选择整个文档对象 |
$('div.myClass') |
选择class为myClass的div元素 |
$('a:first') |
选择网页中第一个a元素 |
$('tr:odd') |
选择表格的奇数行 |
$('div:visible') |
选择可见的div元素 |
$('#buton').is(':visible') |
判断为buton是否可见 |
$('#buton').is(':hidden') |
判断为buton是否隐藏 |
$('#buton').hasClass('class') |
判断为buton是否有css类 |
$('div:gt(2)') |
选择所有的div元素,除了前三个 |
$('div:animated') |
选择当前处于动画状态的div元素 |
$('div').has('p') |
选择包含p元素的div元素 |
$('div').not('.myClass') |
选择class不等于myClass的div元素 |
$('div').filter('.myClass') |
选择class等于myClass的div元素 |
$('div').first() |
选择第1个div元素 |
$('div').eq(5) |
选择第6个div元素 |
$('div').next('p') |
选择div元素后面的第一个p元素 |
$('div').parent() |
选择div元素的父元素 |
$('div').closest('form') |
选择离div最近的那个form父元素 |
$('div').children() |
选择div的所有子元素 |
$('div').siblings() |
选择div的同级元素 |
$('#someElement').find('option:selected') |
找到一个已经被选中的option元素 |
$('#someid input[type=sometype][value=somevalue]').get() |
使用多个属性来进行过滤 |
if($.browser.safari){alert('是Safari 浏览器');} |
检测Safari |
if($.browser.msie && $.browser.version > 6) {alert('是E6及之后版本浏览器');}
|
检测IE6及之后版本 |
if($.browser.mozilla && $.browser.version >= ' 1、8') {alert('是FireFox 2及之后版本浏览器');}
|
检测FireFox 2及之后版本 |