jq 便捷api jq 常用 api jq 快捷 api

jq  选择器

1.相对值用法  width("+=250px")

$("input").width("+=250px");

2.使用函数来设置 CSS 属性:   $(selector).css(name,function(index,value))      

$("div").css("width", function(index, value) {
return parseFloat(value) *(index+1);
})

 3. 过滤  filter

$('#a,#b,#c').filter(':visible')  // 选出可见的

函数用法：

         obj.find("li").filter(function (index) {

          return $(this).css('display') !== 'none'

        });

4.同胞节点    siblings()

$(this).css("background-color","#ddd").siblings().css("background-color","white");

$(e.target).css("background-color","#ddd").siblings().css("background-color","white");

5.not 

$(".groupsUnit").not(':first').remove(); // 除了第一个都删掉

6.

$.ajaxSetup ({
cache: false //关闭AJAX相应的缓存      （等同于 每个 get 请求后加上时间戳参数，ie 克星）
});

7.

$(window).resize(function(){
lettersFloor();
});

 8. 替换元素

$(v).prop('outerHTML','<img src="'+imgSrc+'" />');

9.  :contains 选择器    $(":contains(text)")    选取包含指定字符串的元素   一般与其他选择器配合使用

$("p:contains(is)")    // 选择所有包含 "is" 的 <p> 元素：

 10.  :gt() 选择器

$(":gt(index)")   index 值从 0 开始       :gt 选择器选取 index 值高于指定数的元素

$("tr:gt(2)")   选择前 3 个之后的所有 <tr> 元素
11.   .is(selector)      is() 根据选择器、元素或 jQuery 对象来检测匹配元素集合，如果这些元素中至少有一个元素匹配给定的参数，则返回 true。
12.  :input 选择器选取表单元素。
13  属性选择器

$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

14 . jquery获取第一个子节点元素

$("#body").children(":first")      $("#divId").children("div")
判断获取元素的标签
$("#body").children(":first").attr("tagName") == "STRONG"

15. prev()    $("p").prev(".selected")     获得匹配元素集合中每个元素紧邻的前一个同胞元素，通过选择器进行筛选是可选的

prevAll() 获得 当前匹配元素集合 中每个元素的前面的 同胞元素 ，使用选择器进行筛选是可选的。
$("div:last").prevAll().addClass("before"); $("div:last").prevAll("selected").addClass("before");

16.  $("tr:gt(2)")  :gt 选择器选取 index 值高于指定数的元素。
17 last

        tr:nth-child(even) td:last-child,
        tr:nth-child(odd) td:last-child {
            border-right: 1px solid #fff;
        }

 $(".table tr td:last")取出的是整个table的最后一个td
而$(".table tr td:last-child")取出的是每行的最后一个td

 

18.获取第一个子元素
$('ul').find('li:first');
$('ul li:first');
$('ul li').eq(0);

19.

append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容

 20. parents()    closest()