jQuery常用

选择器相关
查找所有在父元素中的所有子元素中排第2的input元素

var input_query=$(“input:nth-child(2)”);

查找所有在父元素中的所有子元素中排第一的input元素

var input_query=$(“input:first-child”);

查找所有在父元素中所有子元素中排最后一个的input元素

var input_query=$(“input:last-child”);

查找所有在父元素中是唯一子元素的input元素

var input_query=$(“input:only-child”);

查找name值以text开头的input元素

var input_query=$(“input[name^=’text’]”);

查找name值以11结尾的所有input元素

var input_query=$("input[name$=’11’]”);

查找name值中含有ext的所有input元素

var input_query=$(“input[name*=’ext’]”);

查找所有隐藏的input元素

var input_query=$(“input:hidden”);

查找所有可见的input元素

var input_query=$(“input:visible”);

查找所有html内容含有”你好世界！”的h1元素

var h1_query=$(“h1:contains(‘你好世界！’)”);

获取所有不含子标签或html内容为空的td元素

var td_query=$(“td:empty”);

查找所有含有input子元素的td元素

var td_query=$(“td:has(input)”);

获取第一个input元素

var input_query=$(“input:first”);

获取最后一个input元素

var input_query=$(“input:last”);

获取所有未被选中的input元素

var input_query=$(“input:not(:checked)”);

第一个input元素算一，查找所有第奇数个的input元素

var input_query=$(“input:even”);

从第二个input算起，查找所有第偶数个的input元素

var input_query=$(“input:odd”);

查找索引为1的input元素，索引值从0算起

var input_query=$(“input:eq(1)”);

查找索引大于0的所有input元素

var input_query=$(“input:gt(0)”);

查找索引小于2的所有input元素

var input_query=$(“input:lt(2)”);

获取页面所有标题元素

var h_query=$(“:header”);

获取所有正在执行动画效果的元素

var animated_query=$(“:animated”)

从所有tr标签中获取其下面的所有id值为text11的元素

var text11_query=$(“tr #text11”);

获取所有td标签下的所有直接input子元素

var input_query=$(“td>input”);

获取id为text11元素后面的class为button11元素，只获取一个符合条件的元素。text11与button11在地位上属于同级关系

var button11_query=$(“#text11+.button11”);

获取id为text11元素后面的所有class为button11的元素

var button11_query=$(“#text11~.button11”);

jQuery 效果
隐藏和显示

hide() show()

淡入淡出

fadeOut() fadeIn()

滑动

slideUp() slideDown()

jQuery自定义方法
方法定义1

jQuery.fn.setBgccc=function () {
    $(this).css("background", "#ccc");
}

方法调用1

$("#test1").setBgccc();

方法定义2

jQuery.extend({//$.extend也行
    setBgf00:function (obj) {
       obj.css("background", "#f00");
    }
});

方法调用2

$.setBgf00($("#test2"));