网上搜集的jq常用代码

标签：

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");
    }
 });

网上搜集的jq常用代码

标签：

原文地址：http://www.cnblogs.com/rellame/p/4949874.html