使用jquery設置文本框為圓角的方法:1.新建html項目,引入jquery;2.創建input輸入框,設置id屬性;3.添加button按鈕,綁定onclick點擊事件;4.通過id獲取input對象,使用css()方法設置圓角;
具體步驟如下:
1.首先,新建一個html項目,并在項目中引入jquery;
<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>
2.引入jquery后,在項目中創建一個input輸入框,并設置id屬性,用于測試;
<input type="text" value="" id="btn"/>
3.input輸入框創建好后,添加一個button按鈕,并綁定onclick點擊事件,用于點擊設置;
<button onClick="set()"><button>
4.最后,按鈕添加好后,在點擊事件中通過id獲取input對象,在使用css()方法設置border-radius屬性即可實現文本框圓角;
function set(){
$("#btn"),css("border-radius","10px");
}