jQuery 选择器 ":button" 表示选中所有的按钮元素,包括 <
▥前端
𝄐 0
jquery button id
jQuery 选择器 ":button" 表示选中所有的按钮元素,包括 <button>、<input type="button"> 和 <input type="submit"> 等。
下面是一个简单的例子:
HTML:
html
<button id="btn1">Click me!</button>
<input type="button" id="btn2" value="Click me too!">
<input type="submit" id="btn3" value="Submit">
jQuery:
javascript
// 选中所有按钮,并添加点击事件处理程序
$(":button").click(function() {
alert("Button clicked!");
});
// 选中指定按钮,并改变其文本内容
$("#btn1").val("New text");
在这个例子中,第一行代码使用 :button 选择器选中了页面中所有的按钮元素,并为它们添加了一个点击事件处理程序。当任何一个按钮被点击时,都会弹出一个警告框。
第二行代码选中了 id 为 btn1 的按钮,并使用 val() 方法将它的文本内容改为 "New text"。
jQuery 选择器 ":button" 表示选中所有的按钮元素,包括 <button>、<input type="button"> 和 <input type="submit"> 等。
下面是一个简单的例子:
HTML:
html
<button id="btn1">Click me!</button>
<input type="button" id="btn2" value="Click me too!">
<input type="submit" id="btn3" value="Submit">
jQuery:
javascript
// 选中所有按钮,并添加点击事件处理程序
$(":button").click(function() {
alert("Button clicked!");
});
// 选中指定按钮,并改变其文本内容
$("#btn1").val("New text");
在这个例子中,第一行代码使用 :button 选择器选中了页面中所有的按钮元素,并为它们添加了一个点击事件处理程序。当任何一个按钮被点击时,都会弹出一个警告框。
第二行代码选中了 id 为 btn1 的按钮,并使用 val() 方法将它的文本内容改为 "New text"。
本文地址:
/show-270135.html
版权声明:除非特别标注原创,其它均来自互联网,转载时请以链接形式注明文章出处。