我有一個輸入框，在單擊它時會展開，但我希望能夠使用按鈕而不是焦點來更改大小。
我嘗試用 jquery 更改 css 但它不起作用？
$('#q').css('width','100%');
更改焦點的示例代碼
input[name=q]{
width:180px; /* NEEDED */
transition:0.3s; -webkit-transition: 0.3s;
}
input[name=q]:focus{
width:320px;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<input id ="q" name="q" type="text">它可能很簡單，但我正在碰壁，謝謝
uj5u.com熱心網友回復：
如果您希望input在單擊 時更改 的大小，button它的作業方式如下：
document.getElementById("button").onclick = function() {
document.getElementById("q").style.width = "320px";
}input[name=q]{
width:180px;
transition: 0.3s;
-webkit-transition: 0.3s;
}<input id ="q" name="q" type="text">
<button id="button">Click here</button>上面的 JavaScript 代碼查找button點擊（使用onclick事件），然后在發生點擊時更改點擊的大小input。
uj5u.com熱心網友回復：
你可以簡單地添加這樣的樣式
$(`#q`).css('width','320px')
但有一個更好的方法，
使一類具有所有你需要的樣式，并將其用于該元素
我用toggleClass()在這里，但也有addClass() 與removeClass()
您可以使用onclick使按鈕執行功能
function changeq(){
$(`#q`).toggleClass('big')
}input[name=q]{
width:180px; /* NEEDED */
transition:0.3s; -webkit-transition: 0.3s;
}
input.big{
width:320px ;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<input id ="q" name="q" type="text">
<button onclick="changeq()">change</button>轉載請註明出處，本文鏈接：https://www.uj5u.com/net/407061.html
標籤：
上一篇：在一天中的不同時間播放視頻