怎么用jquery在頁面上動態(tài)創(chuàng)建一個button按鈕

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

十余年專注成都網(wǎng)站制作，企業(yè)網(wǎng)站設(shè)計，個人網(wǎng)站制作服務(wù)，為大家分享網(wǎng)站制作知識、方案，網(wǎng)站設(shè)計流程、步驟,成功服務(wù)上千家企業(yè)。為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計及定制高端網(wǎng)站建設(shè)服務(wù),專注于企業(yè)網(wǎng)站設(shè)計,高端網(wǎng)頁制作,對混凝土攪拌罐等多個方面，擁有多年的網(wǎng)站維護經(jīng)驗。

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

2、在index.html中的script標簽，輸入jquery代碼：

$('body').append('input type="button" value="確定"');

3、瀏覽器運行index.html頁面，此時成功通過jquery動態(tài)創(chuàng)建了一個確定按鈕。

怎么用jquery在頁面上動態(tài)創(chuàng)建一個button按鈕？

創(chuàng)建按鈕 data-role=button

給HTML元素添加 data-role="button" 屬性。jQuery Moble就會給此元素增強為按鈕樣式。 Jquery

Mobile框架包含了一組最常用的移動應(yīng)用程序所需的圖標，為了減少下載的大小，Jquery

Mobile包含的是的白色的圖標sprite圖片，并自動在圖標后添加一個半透明的黑圈以確保在任何背景色下圖片都能夠清晰顯示。

樣式鏈接按鈕

在一個網(wǎng)頁的主要內(nèi)容塊，你可以樣式的任何錨鏈接為按鈕添加 data-role="button"

屬性。該框架將加強與標記和類的鏈接方式鏈接按鈕。例如，這個標記：

圖標樣式列表

jQuery Mobile 自帶很多按鈕小圖標，如下圖所示：

左箭頭：data-icon="arrow-l"

右箭頭：data-icon="arrow-r"

上箭頭：data-icon="arrow-u"

下箭頭：data-icon="arrow-d"

刪除：data-icon="delete"

添加：data-icon="Plus"

減少：data-icon="minus"

檢查：data-icon="Check"

齒輪：data-icon="gear"

前進：data-icon="Forward"

后退：data-icon="Back"

網(wǎng)格：data-icon="Grid"

五角：data-icon="Star"

警告：data-icon="Alert"

信息：data-icon="info"

首頁：data-icon="home"

默認情況下，所有的圖標都放在按鈕的按鈕文本左。此默認可以覆蓋使用 data-iconpos

屬性來設(shè)置圖標的右上方（top）、底部（bottom）、右側(cè)（right）、左側(cè)（left）的文本。例如，標記：

隱藏圖片上的文字 data-iconpos="notext"

你也可以創(chuàng)建一個圖標按鈕，設(shè)置

data-iconpos="notext"。按鈕插件將隱藏的文字在屏幕上，但把它作為給屏幕閱讀器和設(shè)備支持工具提示上下文鏈接標題屬性。例如，data-iconpos="right"，data-iconpos="notext"：

使用自定義圖標，需要指定 data-icon 值。Jquery Mobile的button插件會將生成一個CSS類，它的前綴是ui-icon-

，后面的是data-icon值。假如：有一個按鈕 data-icon 屬性的值為 myapp-email，即 data-icon=“

myapp-email”。那么生產(chǎn)的CSS類是：ui-icon-myapp-email。

然后你可以在你的樣式表寫一個CSS規(guī)則來定義

ui-icon-myapp-email。然后在css中指定這個類的背景圖片地址。為了保持與其他圖標的視覺上的一致性，請創(chuàng)建一個白色18x18像素的PNG-8圖標，并且保存為Alpha透明度。

這將創(chuàng)建標準分辨率的圖標，但許多設(shè)備都有非常高的分辨率的顯示器，就像iPhone

4的視網(wǎng)膜顯示器。添加一個高清圖標，創(chuàng)建一個圖標，36X36像素（18像素大小完全相同的兩倍），并添加第二個規(guī)則使用WebKit分鐘裝置像素比例：2。媒體查詢到目標的規(guī)則只有以高分辨率顯示器。指定背景圖片高清圖標文件和設(shè)置背景像素大小18x18將安裝36個像素圖標到同一個18像素的空間。傳媒查詢塊可以用多個圖標規(guī)則：

如何用Jquery控制單選按鈕點擊否然后隱藏其他文本框

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

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

2、在index.html中的script標簽，輸入jquery代碼：。

$('input[name="radio"]').change(function () {

if ($('input[name="radio"]:checked').val() === '0') {

$('input[type="text"]').hide();

}

});

3、瀏覽器運行index.html頁面，此時點擊“否”單選按鈕后，輸入框成功被隱藏了。

jquery如何實現(xiàn)一個按鈕只能點擊一次，再點擊就無效？

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

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

2、在index.html中的script標簽，輸入jquery代碼：

$('button').click(function () {$(this).attr('disabled', true);});

3、瀏覽器運行index.html頁面，此時顯示出一個按鈕。

4、點擊按鈕后，按鈕被禁用，無法再次點擊。

分享文章：jquery按鈕,jquery按鈕禁用啟用
網(wǎng)站網(wǎng)址：http://vcdvsql.cn/article22/dsdiejc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、網(wǎng)站導(dǎo)航、網(wǎng)頁設(shè)計公司、網(wǎng)站建設(shè)、定制開發(fā)、建站公司

廣告

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