用JQUERY为INPUT的TXT类型赋值及取值操作

最新推荐文章于 2021-10-17 13:43:58 发布

weixin_34087307

最新推荐文章于 2021-10-17 13:43:58 发布

阅读量279

点赞数

文章标签： javascript ViewUI

本文详细解析了在jQuery中使用$(#id)获取输入元素与纯JS操作的区别，包括获取对象类型、访问元素属性及事件处理的实现方式，并通过实例展示了如何在输入框聚焦和失焦时进行值的检查与更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

注意和纯JS操作的区别，一个是对象，一个是字串，如下说明：

在Jquery中,用$("#id")来获得页面的input元素,其相当于document.getElementById("element")但是,该获取的是一个Jquery对象,而不是一个dom element对象.value是dom element对象的属性.所以,使用$("#id").value不能取到值取值的方法如下:

var job_name =  $("#id_jenkins_job")[0].value;

$("#id_develop_version")[0].value = json;

当输出框改变之后进行更改：

$("#address").focus(function () { // 地址框获得鼠标焦点
    var txt_value = $(this).val(); // 得到当前文本框的值
    if (txt_value == "请输入邮箱地址") {
        $(this).val(""); // 如果符合条件，则清空文本框内容
    }
});
$("#address").blur(function () { // 地址框失去鼠标焦点
    var txt_value = $(this).val(); // 得到当前文本框的值
    if (txt_value == "") {
        $(this).val("请输入邮箱地址"); // 如果符合条件，则设置内容
    }
})