CDN

• Google CDN
• Microsoft CDN
• CDNJS CDN
• jsDelivr CDN

选择器

jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。
选择器允许您对 HTML 元素组或单个元素进行操作。
在 HTML DOM 术语中：
选择器允许您对 DOM 元素组或单个 DOM 节点进行操作。

jQuery 元素选择器

--jQuery 使用 CSS 选择器来选取 HTML 元素。

$("p") 选取 <p> 元素。

$("p.intro") 选取所有 class="intro" 的 <p> 元素。

$("p#demo") 选取所有 id="demo" 的 <p> 元素。

jQuery 属性选择器

--jQuery 使用 XPath 表达式来选择带有给定属性的元素。

$("[href]") 选取所有带有 href 属性的元素。

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

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

$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

jQuery CSS 选择器

jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。

下面的例子把所有 p 元素的背景颜色更改为红色：

$("p").css("background-color","red");

jQuery 选择同时包含两个class的元素： 交集选择：

1. $(".a.b")--选择同时包含a和b的元素。
2. 并集选择：$(".a, .b")--选择包含a或者包含b的元素。

其他实例

扩展方法

修改查询参数（QueryString）

function updateURLParameter(url, param, paramVal)

{

    var TheAnchor = null;

    var newAdditionalURL = "";

    var tempArray = url.split("?");

    var baseURL = tempArray[0];

    var additionalURL = tempArray[1];

    var temp = "";

    if (additionalURL)

    {

        var tmpAnchor = additionalURL.split("#");

        var TheParams = tmpAnchor[0];

            TheAnchor = tmpAnchor[1];

        if(TheAnchor)

            additionalURL = TheParams;

        tempArray = additionalURL.split("&");

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

        {

            if(tempArray[i].split('=')[0] != param)

            {

                newAdditionalURL += temp + tempArray[i];

                temp = "&";

            }

        }

    }

    else

    {

        var tmpAnchor = baseURL.split("#");

        var TheParams = tmpAnchor[0];

            TheAnchor  = tmpAnchor[1];

        if(TheParams)

            baseURL = TheParams;

    }

    if(TheAnchor)

        paramVal += "#" + TheAnchor;

    var rows_txt = temp + "" + param + "=" + paramVal;

    return baseURL + "?" + newAdditionalURL + rows_txt;

}

参考

https://api.jquery.com

jQuery选择器大全