如何使用JQuery給自定義屬性賦值取值

使用JQuery給自定義屬性賦值取值

成都創(chuàng)新互聯(lián)公司是專業(yè)的新豐網(wǎng)站建設(shè)公司，新豐接單;提供成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、外貿(mào)營(yíng)銷網(wǎng)站建設(shè),網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行新豐網(wǎng)站開(kāi)發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛(ài)的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!

jQuery?屬性操作?-?attr()?方法

定義和用法

attr()?方法設(shè)置或返回被選元素的屬性值。

一、返回屬性值

返回被選元素的屬性值。

語(yǔ)法

$(selector).attr(attribute)

參數(shù)描述

attribute????規(guī)定要獲取其值的屬性。

$(selector).attr(attribute)

html

head

script?type="text/javascript"?src="/jquery/jquery.js"/script

script?type="text/javascript"

$(document).ready(function(){

$("button").click(function(){

alert("Image?width?"?+?$("img").attr("width"));

});

});

/script

/head

body

img?src="/i/eg_smile.gif"?width="128"?height="128"?/

br?/

button返回圖像的寬度/button

/body

/html

二、設(shè)置屬性/值

設(shè)置被選元素的屬性和值。

語(yǔ)法

$(selector).attr(attribute,value)

參數(shù)描述

attribute????規(guī)定屬性的名稱。 ? ?

value????規(guī)定屬性的值。

$(selector).attr(attribute,value)

html

head

script?type="text/javascript"?src="/jquery/jquery.js"/script

script?type="text/javascript"

$(document).ready(function(){

$("button").click(function(){

$("img").attr("width","180");

});

});

/script

/head

body

img?src="/i/eg_smile.gif"?/

br?/

button設(shè)置圖像的?width?屬性/button

/body

/html

jquery給下拉框設(shè)置默認(rèn)值

jquery設(shè)置下拉框的默認(rèn)值可以直接使用val方法進(jìn)行設(shè)置。

val方法可以設(shè)置表單元素的值，不管是輸入框還是下拉菜單，都是用一樣的設(shè)置方法。

jquery怎么設(shè)置select選中某項(xiàng)值

1、設(shè)置value為pxx的項(xiàng)選中

$(".selector").val("pxx");

2、設(shè)置text為pxx的項(xiàng)選中

$(".selector").find("option[text='pxx']").attr("selected",true);

這里有一個(gè)中括號(hào)的用法，中括號(hào)里的等號(hào)的前面是屬性名稱，不用加引號(hào)。很多時(shí)候，中括號(hào)的運(yùn)用可以使得邏輯變得很簡(jiǎn)單。

3、獲取當(dāng)前選中項(xiàng)的value

$(".selector").val();

4、獲取當(dāng)前選中項(xiàng)的text

jquery怎么設(shè)置data的值

jquery中data() 方法向被選元素附加數(shù)據(jù)，或者從被選元素獲取數(shù)據(jù)。

jquery中data() 方法向被選元素附加數(shù)據(jù)，或者從被選元素獲取數(shù)據(jù)。這使我們通過(guò)HTML自定義屬性，操作數(shù)據(jù)，顯得非常方便。通常我們也會(huì)通過(guò)給html自定義屬性這樣的做法，來(lái)存儲(chǔ)和操作數(shù)據(jù)。在jquery中也給我們

提供了data(name,value)這樣的方法，來(lái)非常方便的實(shí)現(xiàn)。有了data()這個(gè)方法，你就可以很方便的在一個(gè)html標(biāo)簽中添加data-*這樣的自定義屬性。接下來(lái)，就data()方法簡(jiǎn)單的做下了解。

以下是摘自w3school中對(duì)data用法的說(shuō)明：

data方法從元素中讀取數(shù)據(jù)的語(yǔ)法：

$(selector).data(name) name:可選。規(guī)定要取回的數(shù)據(jù)的名稱。

如果沒(méi)有規(guī)定名稱，則該方法將以對(duì)象的形式從元素中返回所有存儲(chǔ)的數(shù)據(jù)。

data方法從元素中存儲(chǔ)數(shù)據(jù)的語(yǔ)法：

$(selector).data(name,value)

name:必需。規(guī)定要設(shè)置的數(shù)據(jù)的名稱。

value:必需。規(guī)定要設(shè)置的數(shù)據(jù)的值。

當(dāng)然，我們?cè)谶@里，也可以把一個(gè)包含鍵/值對(duì)的對(duì)象，向被選元素添加數(shù)據(jù)。語(yǔ)法如下：

$(selector).data(object)

object:必需。規(guī)定包含名稱/值對(duì)的對(duì)象。

Html代碼如下：

data方法之讀取數(shù)據(jù):

單個(gè)數(shù)據(jù):data-name="lichaoqiang"

存儲(chǔ)json數(shù)據(jù):{"user_id":20141111,"user_name":"lichaoqiang"}

注意：在元素data-*屬性中設(shè)置json數(shù)據(jù)時(shí)，需要注意單雙引號(hào)，否則可能出現(xiàn)undefined的,獲取不到數(shù)據(jù)。正確的做法是用雙引號(hào)。

data方法之存儲(chǔ)數(shù)據(jù):

這是一個(gè)div標(biāo)簽

JQuery設(shè)置iframe的src值

復(fù)制代碼 代碼如下:

$(window.parent.document).find("#Frm_Main").attr("src",url);

使用jquery操作iframe

1 內(nèi)容里有兩個(gè)ifame

iframe id="leftiframe"...

iframe id="mainiframe..

leftiframe中jQuery改變mainiframe的src代碼：

$("#mainframe",parent.document.body).attr("src"," ")

2 如果內(nèi)容里面有一個(gè)ID為mainiframe的.ifame

ifame包含一個(gè)someID

you want to get this content

得到someID的內(nèi)容

$("#mainiframe").contents().find("someID").html() html 或者 $("#mainiframe").contains().find("someID").text()值

2 如上面所示

leftiframe中的jQuery操作mainiframe的內(nèi)容someID的內(nèi)容

$("#mainframe",parent.document.body).contents().find("someID").html()或者 $("#mainframe",parent.document.body).contents().find("someID").val()

jquery如何給input賦值

需要準(zhǔn)備的材料分別有：電腦、html編輯器、瀏覽器。

1、首先，打開(kāi)html編輯器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的script標(biāo)簽，輸入jquery代碼：$('#a').val('測(cè)試賦值本文');。

3、瀏覽器運(yùn)行index.html頁(yè)面，此時(shí)input被成功賦值了“測(cè)試賦值文本”。

文章題目：jquery設(shè)置值,jquery設(shè)置div的值
網(wǎng)址分享：http://chinadenli.net/article1/dsehpod.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開(kāi)發(fā)、微信小程序、建站公司、python、自適應(yīng)網(wǎng)站、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)