jQuery常用的取值或赋值的方法

时间:2023-03-08 22:32:04

$(selector).data(name)

  从被取元素返回附加的数据

    存在一个div标签:<div data-meeting="hi Tom"></div>

    则:$("div").data("meeting") 返回的结果为"hi Tom"

$(selector).data(name,value)

  向元素附加数据

    存在一个div标签:<div></div>

    则:$("div").data("meeting","hi Tom") 实现这样的效果:<div data-meeting="hi Tom"></div>

$(selector).text()

  返回被选元素的文本内容

    存在一个p标签:<p>hi Tom</p>

    则:$("p").text() 返回的结果为"hi Tom"

$(selector).text(content)

  设置被选元素的文本内容

    存在一个p标签:<p>hi Tom</p>

    则:$("p").text("bye Tom") 实现这样的效果:<p>bye Tom</p>

$(selector).attr(name)

  返回被选元素name属性的值

    存在一个div标签:<div width="222"></div>

    则:$("div").attr("width") 返回结果为"222"

$(selector).attr(name,value)

  设置被选元素的属性名及属性值

    存在一个div标签:<div></div>

    则:$("div").attr("width","222") 实现这样的效果:<div width="222"></div>

prop() 方法设置或返回被选元素的属性和值

当该方法用于返回属性值时,则返回第一个匹配元素的值。

当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。

注意:prop() 方法应该用于检索属性值,例如 DOM 属性(如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected)。

提示:如需检索 HTML 属性,请使用 attr() 方法代替。

提示:如需移除属性,请使用 removeProp() 方法。

...

相关文章