5、使用jQuery检查浏览器类型
不同的浏览器执行脚本的方法有点不一样,但你可以使用jQuery轻松识别浏览器的类型,然后执行相应的自定义代码,下面是用jQuery检查浏览器的代码片段:
if (jQuery.browser.mozilla)
{
// Code to execute if browser is Mozilla
}
if (jQuery.browser.msie)
{
// Code to execute if browser is IE
}
if (jQuery.browser.safari)
{
// Code to execute if browser is Safari
}
if (jQuery.browser.opera)
{
// Code to execute if browser is Opera
}
{
// Code to execute if browser is Mozilla
}
if (jQuery.browser.msie)
{
// Code to execute if browser is IE
}
if (jQuery.browser.safari)
{
// Code to execute if browser is Safari
}
if (jQuery.browser.opera)
{
// Code to execute if browser is Opera
}
6、使用jQuery发现隐藏的元素
你可以使用size()检查隐藏的DOM元素,下面是一个例子:
if( $("div.hidden").size)
{
alert('One or more divs are hidden');
}
{
alert('One or more divs are hidden');
}
你也可以使用length()函数实现相同的结果,其实size()函数也调用的是length()函数,因此length()函数更快。
if( $("div.hidden").length )
{
alert('One or more divs are hidden');
}
{
alert('One or more divs are hidden');
}
7、在DOM中保存数据
你可以使用Data()函数在DOM元素中保存数据,下面的代码片段显示了如何使用jQuery给一个DOM元素赋值:
$('#div1').data ('Key', 'Value');
如果要检索保存在DOM元素中的数据,你可以使用下面的代码:
$('#div1').data ('Key');
8、检索某个元素的父元素
使用jQuery检查某个元素的父元素非常简单,你需要做的就是像下面这样调用closest()函数:
var id = $("btnHello").closest("div").attr("id");
9、正确使用jQuery中的链表
链表(Chaining)是jQuery中的一个伟大功能,它促使链表中的行为被陆续执行,你可以使用链表方法来用它,下面的代码就是一个例子:
$('div1').removeClass('color').addClass('no-color');
10、使用jQuery操作选择列表
jQuery让使用选择列表变得更容易,你可以从选择列表中轻松地删除一个列表项,具体方法如下:
$("#employeeList option[value='9']").remove();
下面的代码举例说明了如何从选择列表中以文本形式检索一个选择项:
$('#employeeList :selected').text();
小结
jQuery是一个强大的JavaScript库,简化了跨浏览器,客户端脚本,事件处理,动画,DOM遍历和Ajax开发工作,本文呈现的这10个jQuery相关的技巧可以帮助你用好它,欢迎你也共享一些有用的jQuery使用技巧。