JQUERY特殊简写 常用操作

[文章] 浏览(24)  | 2017年10月16日  | 支持服务 | 
[标签]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及之后版本
附件说明
附件