01-text()
text() 是 jQuery 库中的一个方法,它用两个作用:
①用于获取匹配元素的文本内容。
②用于设置匹配元素的文本内容
①当 text() 方法被用于获取文本时,它会返回所有匹配元素的文本内容,并将它们连接成一个字符串。例如:
var text = $("#example").text();
上述代码将获取 ID 为 “example” 的元素的文本内容,并将其存储在变量 text 中。
②当 text() 方法被用于设置文本时,它会将所有匹配元素的文本内容设置为提供的字符串。例如:
$("#example").text("新的文本内容");
上述代码将设置 ID 为 “example” 的元素的文本内容为 “新的文本内容”。
text() 方法可以用于单个元素或多个元素。如果用于多个元素,它将获取或设置所有匹配元素的文本内容。例如:
// 获取多个元素的文本内容
var texts = $("p").text();
// 设置多个元素的文本内容
$("p").text("新的段落文本内容");
在上述示例中,$("p")
选择器选择了页面上的所有<p>
元素。text() 方法用于获取或设置它们的文本内容。
具体示例:https://blog.youkuaiyun.com/wenhao_ir/article/details/134435333
02-click()和ready()
详情请参看下面两个链接:
https://blog.youkuaiyun.com/wenhao_ir/article/details/134029389
https://blog.youkuaiyun.com/wenhao_ir/article/details/134030698
03-alert()-占位并在页面弹出对话框显示信息
例:
<script>
// 使用 jQuery 实现跳转到输入的页数
$(document).ready(function () {
$("#jumpBtn").click(function () {
var pageNumber = $("#jumpToPage").val();
// 在这里可以添加逻辑,比如验证输入是否合法
// 然后进行跳转,可以使用 window.location.href 或其他适合的方式
alert("跳转到页数:" + pageNumber);
});
});
</script>
上面的代码中 pageNumber 是一个变量。
效果如下: