50个比较实用jQuery代码段

2020-05-19 07:42:20易采站长站整理

$(this).toggleClass("hover");
});

17. 如何找到一个已经被选中的option元素:


$('#someElement').find('option:selected');

18. 如何隐藏一个包含了某个值文本的元素:


$("p.value:contains('thetextvalue')").hide();

19. 如何自动滚动到页面中的某区域


jQuery.fn.autoscroll = function(selector) {
$('html,body').animate(
{scrollTop: $(selector).offset().top},
500
};
}
//然后像这样来滚动到你希望去到的class/area上。
$('.area_name').autoscroll();

20. 如何检测各种浏览器:


检测Safari (if( $.browser.safari)),
检测IE6及之后版本 (if ($.browser.msie && $.browser.version > 6 )),
检测IE6及之前版本 (if ($.browser.msie && $.browser.version <= 6 )),
检测FireFox 2及之后版本 (if ($.browser.mozilla && $.browser.version >= '1.8' ))

21. 如何替换串中的词


var el = $('#id');
el.html(el.html().replace(/word/ig, ''));

22. 如何禁用右键单击上下文菜单:

$(document).bind('contextmenu',function(e){
return false;
});

23. 如何定义一个定制的选择器


$.expr[':'].mycustomselector = function(element, index, meta, stack){
// element- 一个DOM元素
// index – 栈中的当前循环索引
// meta – 有关选择器的元数据
// stack – 要循环的所有元素的栈
// 如果包含了当前元素就返回true
// 如果不包含当前元素就返回false };
// 定制选择器的用法:
$('.someClasses:test').doSomething();

24. 如何检查某个元素是否存在


if ($('#someDiv').length) {
//万岁!!!它存在……
}

25. 如何使用jQuery来检测右键和左键的鼠标单击两种情况:


$("#someelement").live('click', function(e) {
if( (!$.browser.msie && e.button == 0) || ($.browser.msie && e.button == 1) ) {
alert("Left Mouse Button Clicked");
} else if(e.button == 2) {
alert("Right Mouse Button Clicked");
}
});

26. 如何显示或是删除input域中的默认值


//这段代码展示了在用户未输入值时,
//如何在文本类型的input域中保留
//一个默认值
wap_val = [];