方法/步驟
創(chuàng)新互聯(lián)是專業(yè)的山陽網(wǎng)站建設(shè)公司,山陽接單;提供網(wǎng)站制作、做網(wǎng)站,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行山陽網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!
新建一個html文檔,可以用任何文本編輯器,這里演示用Dreamweaver軟件,新建并保存html文檔。
然后寫html代碼,寫一個input文本輸入框id為inputId,然后寫一個按鈕,id為buttonId,這里要做的是點擊按鈕就為輸入框賦值。
然后把輸入框和按鈕的css樣式寫好,當然不寫樣式也可以,這里主要是為了美化一下。
最后就是關(guān)鍵步驟了,引入jQuery文件,注意路徑一定要正確,然后寫jQuery代碼,其實就用到了val(“這里是賦值內(nèi)容”)方法。
打開瀏覽器測試一下,點擊按鈕之后輸入框內(nèi)自動輸入了賦值的內(nèi)容。
首先需要獲取到文本框元素,然后通過Jquerycss操作方法修改樣式。
Jquery可以根據(jù)標簽名、id、類等很多方式選取元素。
ID選擇器
# 選取帶有唯一的指定 id 的元素。id 引用 HTML 元素的 id 屬性。相同的 id 值只能在文檔中使用一次。
類選擇器
. 選擇器選取帶有指定 class 的元素。class 引用 HTML 元素的 class 屬性。與 id 選擇器不同,class 選擇器常用于多個元素。這樣就可以為帶有相同 class 的任何 HTML 元素設(shè)置特定的樣式
標簽名選擇器
element 選擇器選取帶有指定標簽名的元素。標簽名引用 HTML 標簽的 與 之間的文本。
如題根據(jù)文本框的樣式選擇標簽,我們可以通過以下代碼實現(xiàn)。
\\比如文本框的class="text1",則通過類選擇器選取。即:
$(".text1")
Jquery修改樣式的方法有css,addClass,removeClass等方法.
例如如修改文本框的class="text1"的樣式我們可以通過Css方法這樣實現(xiàn):
$(".text1").css({width:"70px",height:"20px",border:"1px?solide?gray"});
也可通過直接給該元素新增一個樣式達到修改效果:
\*我們有一個text2的樣式*\
.text2{
width:70px;height:20px;border:1px?solide?gray;
}
\\然后我們直接添加這個class
$(".text1").addClass("text2");
\\如擔心之前已有樣式和新增樣式?jīng)_突,我們可以在添加的同時移除新樣式。
$(".text1").addClass("text2").removeClass("text1");
html
div id="txt"/div
/html
script
$(function(){
$('#txt').html('textarea name="t1" cols="80" rows="8"/textarea');
});
/script