网上搜集的jq常用代码

时间:2023-02-09 02:27:19

1. 设置IE特有的功能:

   if ($.browser.msie) {

    //do something...

  }

2. 使用jQuery来代替一个元素:

  $('#thatdiv').replaceWith('fnuh');

3.从一个未排序的集合中找出某个元素的索引号:

  $("ul > li").click(function () {

    var index = $(this).prevAll().length;

  });

4.在创建元素时,使用对象字面量(literal)来定义属性:

  var e = $("", { href: "#", class: "a-class another-class", title: "..." });

5.使用jQuery来预加载图像:

jQuery.preloadImages = function () {

  for (var i = 0; i < arguments.length; i++) {

    $("<img />").attr('src', arguments[i]);

}};

//用法 $.preloadImages('image1.gif', '/path/to/image2.png', 'some/image3.jpg');

6.为任何与选择器相匹配的元素设置事件处理程序:

$("table").delegate("td", "hover", function () {

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

7.找到一个已经被选中的option元素:

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

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

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

9.自动滚动到页面中的某区域:

  jQuery.fn.autoscroll = function (selector) {         $('html,body').animate( { scrollTop: $(this ).offset().top },500);}

  $('.area_name').autoscroll();

10.检测各种浏览器:

  if( $.browser.safari) //检测Safari

  if ($.browser.msie && $.browser.version > 6 ) //检测IE6及之后版本

  if ($.browser.msie && $.browser.version <= 6 ) //检测IE6及之前版

  if($.browser.mozilla && $.browser.version > '1.8')//检测Firefox2以及之后的版本

11.替换串中的词:

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

12.禁用右键单击上下文菜单:

  $(document).bind('contextmenu', function (e) {

return false ;

  });

13.检查某个元素是否存在:

  if ($('#someDiv' ).length) {

  //存在

  }

14.使用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");
}
});