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的素。

 

其它实例

图片 1

扩张方法

修改查询参数(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选择器大全

相关文章

网站地图xml地图