国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery學習3:操作元素屬性和特性

2019-11-21 00:45:58
字體:
來源:轉載
供稿:網友

先看一個例子:

復制代碼 代碼如下:

<a id="easy" href="#">//m.survivalescaperooms.com</a>現在要得到a標簽的屬性id。有如下方法:

復制代碼 代碼如下:

jQuery("#easy").click(function() {
    alert(document.getElementById("easy").id); //1
    alert(this.id); //2
    alert(jQuery(this).attr("id"));  //3
});

方法1使用的是javascript原始方法;方法2用到了this,this就相當于一個指針,返回的是一個dom對象,本例中返回a標簽對象。所以this.id可直接得到id。方法3將dom對象轉換成了jQuery對象,再利用jQuery封裝的方法attr()得到a標簽的ID。

可見,有時候用javascript配合jQuery會很方便。下邊著重總結一下jQuery操作元素屬性。

◦attr(name)             取得元素的屬性值
◦attr(properties)    設置元素屬性,以名/值形式設置
◦attr(key,value)       為元素設置屬性值
◦removeAttr(name) 移除元素的屬性值

下邊以實例說明每種方法的具體用法。

復制代碼 代碼如下:

<div id="test">
    <a id="hyip" href="javascript:void(0)">武林網</a>
    <a id="baidu" href="javascript:void(0)">百度</a>
    <img id="show" />
</div>

復制代碼 代碼如下:

jQuery("#test a").click(function() {
    //得到ID
    jQuery(this).attr("id"); //同this.id

    //為img標簽設置src為指定圖片;title為百度.
    var v = { src: "http://www.baidu.com/img/bdlogo.gif", title: "百度" };
    jQuery("#show").attr(v);

    //將img的title設置為baidu,同上邊的區別是每次只能設定一個屬性
    jQuery("#show").attr("title", "baidu");

    //移除img的title屬性
    jQuery("#show").removeAttr("title");
});

大家可能已經發現了,在jQuery中attr()方法,既可以獲得元素的屬性值,又能設置元素的屬性值。是的,在jQuery中,類似的方法還有很多,現在將它們總結下來,以后用起來也會比較容易。

方法有:

◦html()  獲取或設置元素節點的html內容
◦text()  獲取或設置元素節點的文本內容
◦height()  獲取或設置元素高度
◦ width()  獲取或設置元素寬度
◦ val()  獲取或設置輸入框的值

以html()為例,其余的相似:

復制代碼 代碼如下:

<div id="showhtml">baidu</div>

復制代碼 代碼如下:

//獲得html,結果為baidu
jQuery("#showhtml").html();
//設置html,結果為I love baidu
jQuery("#showhtml").html("I love baidu");

以上這些就是jQuery操作元素屬性的一些基本方法了,經過本次的總結,相信大家在使用jQuery時,會更加的熟練。

以下是其它網友的補充:

下面就列出jQuery中提供的方法:

操作元素屬性:each(iterator)遍歷包裝集里所有元素,為各元素分別調用傳遞進來的迭代器函數。參數iterator 一個函數,為匹配集中的各元素分別調用一次。傳遞到函數的參數被設置為包裝集里當前元素的下標(從0開始),而當前元素可通過函數this屬性來訪問。

復制代碼 代碼如下:

$('img').each(function(n){
this.alt='This is image['+n+'] with an id of'+this.id;
})

獲取特性值:attr(name)獲取指派到包裝集里第一個元素指定特性的值。參數 name為特性的名稱,該特性的值將被獲取。如果沒有該特性則返回undefined值。

<img id="myImage" src="image.gif" alt="An image" class="someClass" title="This is an image" custom="some value">

$("#myImage").attr("custom") 得到值就是some value。

設置特性值:attr(name,value)為包裝集里的所有元素的name特性設置傳遞進來的值。name將被設置的特性的名稱,value指定特性的值。

復制代碼 代碼如下:

$('*').attr('title',function(index) {
  return 'I am element' '+ index +' and my name is ' +(this.id?this.id:'unset');
});

該函數是設置頁面上的所有元素的title特性為一個字符串。由DOM中元素的下標和各個特定元素id特性值所組成的字符串。

attr()還可以一次設置多個特性到包裝集里所有元素的快速簡便的方式。attr(attributes)。

復制代碼 代碼如下:

$('input').attr(
{value:'',title:'please enter a value'}
);

該函數把所有<input>元素的value設置為空字符串,同時把title設置為字符串Please enter a value。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 黑河市| 内江市| 武鸣县| 南涧| 霞浦县| 迁西县| 丹东市| 龙岩市| 中江县| 旬邑县| 镇远县| 沽源县| 连山| 祁阳县| 富蕴县| 阿合奇县| 中山市| 张北县| 青龙| 汝南县| 海城市| 朔州市| 清流县| 广南县| 廊坊市| 双桥区| 莆田市| 抚顺县| 靖边县| 阳信县| 库尔勒市| 河北区| 蚌埠市| 鄯善县| 太康县| 浪卡子县| 贵州省| 贵阳市| 莆田市| 西乌| 色达县|