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

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

成都創(chuàng)新互聯(lián)是專業(yè)的芷江網(wǎng)站建設(shè)公司，芷江接單;提供成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì),網(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)合作!

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

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

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

樣式鏈接按鈕

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

屬性。該框架將加強(qiáng)與標(biāo)記和類的鏈接方式鏈接按鈕。例如，這個(gè)標(biāo)記：

圖標(biāo)樣式列表

jQuery Mobile 自帶很多按鈕小圖標(biāo)，如下圖所示：

左箭頭：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"

前進(jìn)：data-icon="Forward"

后退：data-icon="Back"

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

五角：data-icon="Star"

警告：data-icon="Alert"

信息：data-icon="info"

首頁(yè)：data-icon="home"

默認(rèn)情況下，所有的圖標(biāo)都放在按鈕的按鈕文本左。此默認(rèn)可以覆蓋使用 data-iconpos

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

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

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

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

使用自定義圖標(biāo)，需要指定 data-icon 值。Jquery Mobile的button插件會(huì)將生成一個(gè)CSS類，它的前綴是ui-icon-

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

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

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

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

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

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

JQuery：如何使用按鈕模擬鍵盤操作，例如按下一個(gè)按鈕就相當(dāng)于按下了Ctrl+S這樣的組合鍵？

你好！！

1.???Ctrl+S???組合鍵應(yīng)該是在某個(gè)事件中被定義的，比如說(shuō)：某個(gè)元素的keydown事件中，因此只需在按鈕的click事件中，觸發(fā)該事件就可以了；

2.???按鈕的click事件中，需要設(shè)置下事件對(duì)象的屬性，比如：event.keyCode=83??event.ctrlKey=true;???然后將該event對(duì)象傳入keydown事件中；

可以參考以下代碼：

script?type="text/javascript"

$(document).ready(function(){

$(window).keydown(function(e){

if(e.keyCode==83e.ctrlKey){

e.preventDefault();

alert("按下了ctrl+S`````");

}

});

var?e?=?jQuery.Event("keydown");

e.keyCode=83,e.ctrlKey=true;

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

$(window).trigger(e);

});

});

/script

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

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

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

2、在index.html中的script標(biāo)簽，輸入jquery代碼：

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

3、瀏覽器運(yùn)行index.html頁(yè)面，此時(shí)成功通過(guò)jquery動(dòng)態(tài)創(chuàng)建了一個(gè)確定按鈕。

當(dāng)前名稱：jquery按鈕,jquery按鈕樣式
本文來(lái)源：http://chinadenli.net/article22/dsggejc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、企業(yè)網(wǎng)站制作、網(wǎng)站內(nèi)鏈、網(wǎng)站改版、搜索引擎優(yōu)化、網(wǎng)站制作

廣告

聲明：本網(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)