建站
咨詢
售后
建站咨詢
新聞中心
如何用jQuery修改元素屬性及內(nèi)容
$(".demo").attr("_id","abc")
樂安網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,樂安網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為樂安上千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)營銷網(wǎng)站建設(shè)要多少錢，請找那個售后服務(wù)好的樂安做網(wǎng)站的公司定做！
//attr可以獲取或者給demo上添加自定義的_id屬性。
//如果修改class類名之類的，可以
$(".demo").addClass("abc")//添加class
$(".demo").removeClass("abc")//刪除class
jquery插件怎樣使用和修改?
jQuery插件 要使用它的話 通常插件中都有demo或者api可以查閱
通常jQuery插件為了減小體積 會發(fā)布兩個版本 XXX.js和XXX.min.js
如果你要修改插件需要使用XXX.js文件
首先 你要知道它怎么用,先有一個可用的demo(沒有demo就自己寫一個),然后用webkit內(nèi)核或firefox進(jìn)行斷點(diǎn)查看,這主要是為了找插件入口點(diǎn),當(dāng)然 你也可以直接查看js代碼 這需要一定的底子
最后 就是慢慢查看他的代碼的實(shí)現(xiàn)功能了,先得看懂他是怎么實(shí)現(xiàn)的,然后你才會知道怎么改.
jQuery插件我也寫的不少 像 模擬alert/confirm/prompt 錯誤信息提示框 模擬彈出窗體 無縫marquee滾動 分頁控件 拖拽控件等等
jQuery插件的框架寫法通常是
(function($){
$.fn.extend({
fnKey:function(){}
})
//或者
$.fn.fnKey=function(){}
})(jQuery)
上面的兩種寫法的調(diào)用 方式 是
$("XXX").fnKey()進(jìn)行調(diào)用的
還有一種寫法:
var fnClass = function(){
this.fnKey=function(){
}
this.props="";
}
這種寫法是的調(diào)用 方式是
fnClass obj = new fnClass();
obj.fnKey();
第二種寫法是js的面向?qū)ο缶幊?得自己慢慢的理解哈
jquery修改屬性值實(shí)例代碼(設(shè)置屬性值)
設(shè)置屬性
-
attr()
jQuery
attr()
方法也用于設(shè)置/改變屬性值。
下面的例子演示如何改變（設(shè)置）鏈接中
href
屬性的值：
實(shí)例
復(fù)制代碼
代碼如下:
$("button").click(function(){
$("#keleyi").attr("href","");
});
attr()
方法也允許您同時設(shè)置多個屬性。
下面的例子演示如何同時設(shè)置
href
和
title
屬性：
實(shí)例
復(fù)制代碼
代碼如下:
$("button").click(function(){
$("#keleyi").attr({
"href"
:
"",
"title"
:
"柯樂義網(wǎng)"
});
});
attr()
的回調(diào)函數(shù)
jQuery
方法
attr()，也提供回調(diào)函數(shù)。回調(diào)函數(shù)由兩個參數(shù)：被選元素列表中當(dāng)前元素的下標(biāo)，以及原始（舊的）值。然后以函數(shù)新值返回您希望使用的字符串。
下面的例子演示帶有回調(diào)函數(shù)的
attr()
方法：
實(shí)例
復(fù)制代碼
代碼如下:
$("button").click(function(){
$("#keleyi").attr("href",
function(i,origValue){
return
origValue
+
"/jquery";
});
});
JQuery實(shí)現(xiàn)頁面參數(shù)修改
一句話概括，純html頁面之間的傳值可以通過url后面的參數(shù)進(jìn)行比如：
b.html?teacher=xxtime=xxx
回到問題中，首先從a.html到b.html需要一個跳轉(zhuǎn)方式，比方說在a.html頁面里面你有一個鏈接：
a href="b.html" id="toPageB"跳轉(zhuǎn)到b頁面/a
剩下的就好辦了，依次取得你需要的參數(shù)，然后修改頁面url:
var dataFromLi=[$("#Teachername").text(),$("#Credit_hour").text()];
$("#toPageB").attr("href","b.html?data="+dataFromLi);
然后在b.html頁面解析url，獲取參數(shù)。
更新，如何根據(jù)url獲取參數(shù)：
window.location.search 會返回所有地址欄從“?”開始的字符串。獲取某個參數(shù)值可以通過正則，下面是一個簡單的獲取參數(shù)的函數(shù)：
function getURLParameter(name) {
return decodeURIComponent((new RegExp('[?|]' + name + '=' + '([^;]+?)(|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null;
}
如果你采用jQuery，你可以用更簡單的辦法：
$.url().param('data');
jquery如何修改標(biāo)簽的內(nèi)容？
jquery如何修改標(biāo)簽的內(nèi)容步驟如下：
以下修改a標(biāo)簽的href鏈接和修改文字的代碼：
script type="text/javascript" src="http:/keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"/script
原鏈接：
a href="" id="home_keleyi_com"柯樂義/a
修改a標(biāo)簽的href鏈接：
$('#home_keleyi_com').attr('href','')
修改文字：
$("#home_keleyi_com").text('柯樂義首頁')
修改后的鏈接為：
a href="" id="home_keleyi_com"柯樂義首頁/a
jQuery定義：
jQuery是一套跨瀏覽器的JavaScript庫，簡化HTML與JavaScript之間的操作。由John Resig在2006年1月的BarCamp NYC上發(fā)布第一個版本。目前是由 Dave Methvin 領(lǐng)導(dǎo)的開發(fā)團(tuán)隊(duì)進(jìn)行開發(fā)。全球前10000個訪問最高的網(wǎng)站中，有59%使用了jQuery，是目前最受歡迎的JavaScript庫。
參考資料
keleyi.jQuery[引用時間2018-1-5]
新聞名稱：jquery修改$,jquery修改img標(biāo)簽的src屬性
網(wǎng)址分享：http://www.ef60e0e.cn/article/hoiddo.html
