JQuery 經常使用的那些東西

時間 2019-12-09

原文原文鏈接

CDN

選擇器

jQuery 元素選擇器和屬性選擇器容許您經過標籤名、屬性名或內容對 HTML 元素進行選擇。
選擇器容許您對 HTML 元素組或單個元素進行操做。
在 HTML DOM 術語中：
選擇器容許您對 DOM 元素組或單個 DOM 節點進行操做。
css

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 元素的背景顏色更改成紅色：html

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

jQuery 選擇同時包含兩個class的元素： 交集選擇：jquery

$(".a.b")--選擇同時包含a和b的元素。

並集選擇：$(".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;
}