思路為用addClass() 方法變可實現(xiàn)。
襄城網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)公司,襄城網(wǎng)站設(shè)計制作,有大型網(wǎng)站制作公司豐富經(jīng)驗。已為襄城千余家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢,請找那個售后服務(wù)好的襄城做網(wǎng)站的公司定做!
jquery中增加class屬性步驟:
addClass() 方法:
定義和用法
addClass() 方法向被選元素添加一個或多個類。
該方法不會移除已存在的 class 屬性,僅僅添加一個或多個 class 屬性。
html
head
script?type="text/javascript"?src="/jquery/jquery.js"/script
script?type="text/javascript"
$(document).ready(function(){
$("button").click(function(){
$('p').addClass(function(n){
return?'par_'?+?n;
});
});
});
/script
style?type="text/css"
.par_0
{
color:blue;
}
.par_1
{
color:red;
}
/style
/head
效果圖:
[img]var?anElement?=?$("#someElement");anElement.attr("anyAttribute","anyValue");//?這段代碼可以給ID為someElement的元素增加屬性anyAttribute?屬性值為anyValue//?屬性名字隨便寫都可以?想寫什么都行?如果屬性名字存在會修改里面的值?否則就新加屬性
jquery操作html標(biāo)簽的方法非常多,小編在這里總結(jié)一下。
首先,引入jquery,jquery下載地址在文章末尾的相關(guān)鏈接給出,這是運用jquery的第一步,也是必不可少的一步!
代碼如下:
head
script src="jquery.js"/script
/head
當(dāng)然,你也可以不下載,直接引用。
代碼如下:
head
script src="/jquery/1.8.0/jquery.min.js"/script
/head
注意jquery的版本,及時更新。
接下來介紹jquery的第一種操作html標(biāo)簽的方法。
1.操作已經(jīng)存在的html標(biāo)簽的屬性!
這就需要用到一個非常強大的函數(shù)attr()
函數(shù)寫法:
var ss=$("HTML標(biāo)簽的ID").attr("想要獲得的屬性");
這樣準(zhǔn)確ID的HTML標(biāo)簽的指定屬性的值就會賦給變量ss。
例如:var ss=$("#id").attr("value");
當(dāng)然還可以給準(zhǔn)確ID的HTML標(biāo)簽的指定屬性賦值。
函數(shù)寫法:
$("HTML標(biāo)簽的ID").attr("想要改變的屬性","改變的值");
例如:$("#id").attr("class","aaa");
這樣可以將ID為"id"的HTML標(biāo)簽的class改為aaa.
利用這個函數(shù)更改HTML標(biāo)簽的類或ID,配合樣式表可以做出非常炫的動態(tài)效果!
貼上樣例圖:
2.jquery向指定位置添加不存在的HTML標(biāo)簽!
這次需要的函數(shù)是append()或appendto()
有很多人搞不起這兩個函數(shù)的區(qū)別,稍后會講明。
函數(shù)寫法:
$("HTML標(biāo)簽的ID").append("完整的HTML標(biāo)簽");
例如:$("#id").append("input type='text' value=' ' id='aa' /");
HTML標(biāo)簽的ID是為了定位添加的HTML標(biāo)簽,添加的HTML標(biāo)簽將會出現(xiàn)于指定ID標(biāo)簽的后面!注意控制排版!
貼上樣例圖:
接下來介紹appendto()的用法以及它和append()的區(qū)別!
函數(shù)寫法:
$("完整的HTML標(biāo)簽").appendto("HTML標(biāo)簽的ID");
例如:$("input type='text' value=' ' id='aa' /").append("#id");
這樣也可以達到與append()的相同效果,至于區(qū)別,也許你已經(jīng)發(fā)現(xiàn)了,區(qū)別就是前后兩個括號的內(nèi)容反過來了,先填寫HTML標(biāo)簽,再寫指定元素ID。
但是即使這樣寫,添加的HTML標(biāo)簽仍會出現(xiàn)于指定ID標(biāo)簽的后面!
這個就不貼樣例圖了。
操作HTML的函數(shù)還有很多,比如圖中提到的CSS()。
這是操作指定屬性的。用attr()也可以做到,所以就不再介紹。
這里貼上一張jquery操作HTML的方法匯總圖。
jQuery 屬性操作 - addClass() 方法
定義和用法
addClass() 方法向被選元素添加一個或多個類。
該方法不會移除已存在的 class 屬性,僅僅添加一個或多個 class 屬性。
提示:如需添加多個類,請使用空格分隔類名。
語法
$(selector).addClass(class)
參數(shù) class ? ?
必需。規(guī)定一個或多個 class 名稱。 ?
實例
//向第一個?p?元素添加一個類:
$("button").click(function(){??$("p:first").addClass("intro");});
jQuery改變標(biāo)簽的樣式一般有3種
預(yù)置好class,然后通過jQuery改變元素的class名,使用的是addClass、removeClass
直接改變元素的css屬性值,這種是通過添加style實現(xiàn)的,使用的是css方法
修改style屬性值,通過attr方法
示例(假設(shè)以下標(biāo)簽的id都是test):
1.假設(shè)有一class名為class1,已經(jīng)在css中寫好樣式
$('#test').addClass('class1');
2.讓元素文字變?yōu)榧t色(css設(shè)置一個值)
$('#test').css('color','red');
3.讓元素文字變?yōu)榧t色,同時寬度為100px(css設(shè)置多個值)
$('#test').css({color:'red',width:'100px'});
4.直接修改style屬性(不常用)
$('#test').attr('style','color:red;width:100px');
input type="button" value="inid" /
賦值:
$("#inid").val("值");
添加屬性
$("#inid").attr("自定義屬性啥都行eg:flag","值");
獲取屬性的值
$("#inid").attr("flag");
一. 基本概念
一個簡單的 HTML 表單,包含兩個文本輸入框和一個提交按鈕:
form action="form_action.asp" method="get" First name: input type="text" name="fname" / Last name: input type="text" name="lname" / input type="submit" value="Submit" //form
二. 函數(shù)
1.返回 String,它包含以 Input 或 Binary 方式打開的文件中的字符。語法Input(number, [#]filenumber)Input 函數(shù)的語法具有以下幾個部分:部分描述number必要。任何有效的數(shù)值表達式,指定要返回的字符個數(shù)。filenumber必要。任何有效的文件號。說明通常用 Print # 或 Put 將 Input 函數(shù)讀出的數(shù)據(jù)寫入文件。
2.Input 函數(shù)只用于以 Input 或 Binary 方式打開的文件。與 Input # 語句不同,Input 函數(shù)返回它所讀出的所有字符,包括逗號、回車符、空白列、換行符、引號和前導(dǎo)空格等。對于 Binary 訪問類型打開的文件,如果試圖用 Input 函數(shù)讀出整個文件,則會在 EOF 返回 True 時產(chǎn)生錯誤。
3.在用 Input 讀出二進制文件時,要用 LOF 和 Loc 函數(shù)代替 EOF 函數(shù),而在使用 EOF 函數(shù)時要配合以 Get 函數(shù)。注意 對于文本文件中包含的字節(jié)數(shù)據(jù)要使用 InputB 函數(shù)。對于 InputB 來說,number 指定的是要返回的字節(jié)個數(shù),而不是要返回的字符個數(shù)。
一、以下二種方法是可以為input添加disabled屬性的方法
1、$('#areaSelect').attr("disabled",true)
2、$('#areaSelect').attr("disabled","disabled")
二、以下三種方法是移除(去除)掉input的disabled屬性的方法
1、$('#areaSelect').attr("disabled",false)
2、$('#areaSelect').removeAttr("disabled")
3、$('#areaSelect').attr("disabled","")
三、移除或者刪除所有input和select控件的disabled屬性
1、移除所有select控件的disabled屬性
$("select").each(function () {$(this).attr("disabled","");})
2、移除所有input控件的disabled屬性:
$("input").attr("disabled","");
擴展資料
1、jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫(或JavaScript框架)。jQuery倡導(dǎo)寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設(shè)計模式,優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計和Ajax交互。
2、disabled屬性是控制這個控件是否可編輯、可用。disabled:true 就是不可用,disabled:false 就是可用。