var userName=$("#userName").val()如何理解

最新推荐文章于 2024-04-14 11:46:37 发布
最新推荐文章于 2024-04-14 11:46:37 发布
阅读量1.4w 收藏 27
点赞数 21
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Helloxiaovv/article/details/104319396
版权

val()是返回属性value对应的值。比如，使用$("#userName").val()就得到了"123"。

$("#userName")是id选择器,获得id为userName的标签,通过.val(),获得这个标签的value的值,赋值给你声明的变量
var userName

蓝色漩沐
关注
  • 21
    点赞
  • 踩
  • 27
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
asp.net利用Ajax和Jquery在前台向后台传参数并返回值的实例
01-01
1》前台 首先需要 Jquer的包 代码如下:[removed][removed] 下面是     [removed]         $(function () {             $(‘#txtUserName’).blur(function () {                 var username = $(this).val();                 $.ajax({                     type: “
简述jQuery ajax的执行顺序
01-19
jQuery中的Ajax的async默认是true(异步请求),如果想一个Ajax执行完后再执行另一个Ajax, 需要把async=false即可. 代码如下: function TestAjax() { var UserName = $(#txtUserName).val(); $.ajax({ url:AjaxCheckUserName.htm, async:false, success:function(data){ alert(data); } }); alert('Test'); $.ajax({ url:AjaxHandler.ash
解决var username1=$(“#username“).val()；获取的是undefined的问题
misin的博客
08-31 1136
本文主要记录一下菜鸟解决bug的思路 1.检测是否是js包的问题 创建JsTest.html` 下面展示JsTest.html`。 // 测试代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--导入jquery就是导入jquery的js文件--> <scrip
在页面上用$("#userName").val();获取不到值，提示$("#userName")未定义
奔跑在IT路
03-22 5384
[size=medium]问题：在页面上用$("#userName").val();获取不到值，提示$("#userName")未定义 原因：[b][color=red]在页面中包含了var $ = function() { } 的代码[/color][/b][b][/b]，这样这里自定义的$就和jQuery中的$相冲突了。这里的$相当于定义了一个全局的变量$,所以会影响jquery在这个页...
JQuery入门（一）JQuery初体验
jwang的博客
11-08 322
前言       本章将进入全新的章节学习，在这里我们将学习JS的“轮子”JQuery。 方法 1.概念 相信大家经过前面的JS学习，在原生的JS中操作html元素如通过id获取html对象是document.getElementById("id")来进行获取，在JQuery库中，我们只需要简单的$("#id")即可，是不是很爽！ 各大网站对JQuery的定义如下： jQuery 是一...
jQuery
hhuahualala的博客
06-25 224
 jQuery是一款免费且开放源代码的JavaScript代码库，引入了全新的DOM选择器引擎，同时提供UI库组件。 jQuery优点：  轻量级  强大的DOM选择器，简化JavaScript和ajax开发  解决不同浏览器兼容问题  提供UI库组件，让页面开发更方便 jQuery对象和dom对象互换 dom转为jQuery：  var obj = docume
html表单实现ajax登陆,node.js+jQuery实现用户登录注册AJAX交互
weixin_42460182的博客
06-18 362
最近实现了Node.js当作后台，jQuery写前台AJAX代码的，实现用户登录和注册的功能，刷新了前后端交互的三观。特记录一下。1.login.ejs实现form框架用户名密码form不加method，意图自己用ajax发送请求。2.js实现request的发送$("#login_submit").click(function(){var username=$('#username').val(...
学习笔记-Express
lucasxt的博客
05-13 1557
Express 基础知识 认识express npm提供了大量的第三方模块，其中不乏许多Web框架，比如我们本章节要讲述的一个轻量级的Web框架 ——— Express。 Express是一个简洁、灵活的node.js Web应用开发框架, 它提供一系列强大的功能，比如：模板解析、静态文件服务、中间件、路由控制等等,并且还可以使用插件或整合其他模块来帮助你创建各种 Web和移动设备应用,是目前最...
jQuery学习笔记2——表单操作
weixin_33936401的博客
01-08 142
一、获取和设置表单的值：val()和text() 1. 获取表单的值： $("#username").val(); 2. 设置表单的值： $("#username").val("我来了"); $("input[name='password']").val() //checkbox得到的是一个数组，需要进行遍历 $("input[name='interest']:checked")....
第8讲：$.ajax方法使用详解
软件之家的博客
06-23 2766
jQuery对象上面定义了Ajax方法（$.ajax()），用来处理Ajax操作。调用该方法后，浏览器就会向服务器发出一个HTTP请求。ajax方法有很多属性，但并非每次调用都要使用所有属性，本讲详细介绍了每个属性的作用，并给出具体的调用案例，分别从服务器返回文本格式数据，JSON格式数据及xml格式数据。
【汇总】jquery 运用
soyo的专栏
07-16 178
 -------------  下拉框 ajax &lt;select name="restatus" id="restatus" style="height:25px" onchange="changeustatus(this.options[this.options.selectedIndex].value,&lt;!--{$ll.rid}--&gt;,&lt;!--{$eventnum}-...
jQuery文本框输入文字自动筛选效果.zip
07-11
js代码 [removed] var personArr = [ { name: '王港', src: 'img/3.png', des: '颈椎不好', sex: 'm' }, { name: '张三', src: 'img/4.png', des: '描述信息2', sex: 'm' }, { name: '李四', src: 'img/5.png', des: '描述信息3', sex: 'm' }, { name: '王麻子', src: 'img/1.png', des: '描述信息4', sex: 'm' }, { name: '阿海', src: 'img/2.png', des: '描述信息5', sex: 'm' }, { name: '刘莹', src: 'img/5.png', des: '我是谁', sex: 'f' }, { name: '王秀莹', src: 'img/4.png', des: '我很好看', sex: 'f' }, { name: '刘金雷', src: 'img/1.png', des: '你没有见过陌生的脸', sex: 'm' }, { name: '刘飞翔', src: 'img/2.png', des: '瓜皮刘', sex: 'm' } ]; //渲染函数 function renderList(arr) { var str = ""; arr.forEach(function (ele, index) { str = '\ \ ' ele.name '\ ' ele.des '\ ' }) $("ul").html(str) } renderList(personArr) //根据名字渲染 var searchVal = ""; var sexVal = "a"; $(".search-box").on("input", function () { searchVal = $(this).val(); all() }) //根据性别渲染 $("span").on("click", function () { $("span").removeClass("active"); $(this).addClass("active"); sexVal = $(this).attr("sex"); all() }) //根据名字筛选数组 function nameFilter(name, arr) { return arr.filter(function (ele, index) { return ele.name.indexOf(name) != -1 ? true : false }) } //根据性别筛选数组 function sexFilter(sex, arr) { if (sex == "a") { return arr; } return arr.filter(function (ele, index) { return ele.sex == sex; }) } //合并筛选 function all() { var lastArr = nameFilter(searchVal, personArr); lastArr = sexFilter(sexVal, lastArr) renderList(lastArr) } [removed] 一款非常简单的jQuery文本框输入文字自动筛选代码，带图片的查询框文字筛选列表显示代码。
jQuery.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法
12-10
经过尝试，只需要在$.ajax中加入 contentType: “application/json; charset=utf-8″选项就可以了，这是因为在.net 3.5以后要对contentType进行检查，所以仅仅指定dataType的话.net就不会返回JSON了，那么我们的请求自然也就无法请求到JSON数据了。正确写法就是这样了： 代码如下: var url = “/Services/AccountService.asmx/UserExists”; var userName = $(“#txtUserName”).val(); $.ajax({ type: “POST”, url:
jquery中get,post和ajax方法的使用小结
12-03
在JQuery中可以使用get，post和ajax方法给服务器端传递数据 get方法的使用（customForGet.js文件）： function verify(){//1.获取文本框的数据 //通过DOM的方式获取//document.getElementByIdx(“userName”);//通过JQuery的方式获取var jqueryObj = $(“#userName”);//获取节点的值var userName = jqueryObj.val(); //2.将文本框的数据发送到服务器端的servlet$.get(“AJAXServer?name=” + userName,null
js禁用所有的input
Rockandrollman的博客
04-11 328
要在JavaScript中禁用所有的input元素，您可以使用document.querySelectorAll方法来选择所有的input元素，然后使用一个循环来为它们设置disabled属性。这段代码将会禁用页面上所有的input元素。
js的filter函数
最新发布
xiaohua0708day的博客
04-14 195
这个函数接收数组中的每个元素作为参数，并检查该元素是否是偶数。如果是偶数，函数返回。是一个数组方法，它创建一个新数组，其包含通过提供的函数实现的测试的所有元素。函数遍历数组中的每个元素，并只将那些使测试函数返回。在这个箭头函数版本中，我们直接返回了表达式。在上面的代码中，我们传递了一个匿名函数给。方法就会将该元素包含在新数组中。，则该元素会被包含在新数组中。在JavaScript中，的元素包含在新数组中。
【300套】基于Springboot+Vue的Java实战开发项目(附源码+演示视频+LW)
2301_77929200的博客
04-12 1353
🧡今天给大家分享300+的Java毕业设计，基于Springboot+vue框架，这些项目都经过精心挑选，涵盖了不同的实战主题和用例，可做毕业设计和课程设计参考。✍️除了源码，对于大部分项目实现的功能都有相应的介绍，并且配有演示视频，方便大家根据自己的需要择优下载学习。💂另外如有定制需求或者想要相对应的论文参考，文末可以十我VX联系。🤝后续还会持续更新，欢迎关注！
Vue3 + Vite 构建组件库发布到 npm
白雾茫茫丶
04-09 1720
这篇文章介绍了如何使用Vite构建组件库，并将其发布到npm上。文章包括搭建项目、调整目录结构、组件开发、整合并导出组件、编写package.json文件、vite打包配置、本地模拟、发布到npm、安装验证等步骤。文章还提供了一个基于Vue3+Element-plus封装的Table组件的示例，演示了如何运行和使用发布的组件。
TS基础2-常用类型
qq_40147756的博客
04-12 343
ts 中常用类型和举例说明。
$('#userName').on('blur', function() { var userName = $(this).val(); checkUsername(userName);});这段代码应该加到哪里
06-08
这段代码应该加到页面初始化的 JavaScript 代码中。具体来说，可以添加到一个 `$(document).ready()` 或 `$(function() {})` 函数内部，或者添加到一个单独的 JavaScript 文件中。 例如： ```javascript $(document).ready(function() { $('#userName').on('blur', function() { var userName = $(this).val(); checkUsername(userName); }); }); ``` 这样，在页面加载完成后，就会绑定 `#userName` 输入框的 `blur` 事件，当输入框失去焦点时，就会触发该事件，检查用户名是否重复。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值