jquery的点击事件驱动获取值

小案例

<!DOCTYPE html>

<head>

content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">

<title>Document</title>

</head>

<body>

<div>

<span>请输入姓名:</span> <input type="text" name="" id="uname"> <br/>

<span>请输入密码:</span> <input type="password" name="" id="upwd" class="pwd"> <br/>

<span>请重复输入密码:</span> <input type="password" name="" id="cpwd" class="pwd"> <br/>

</div>

$(function () {

// 事件驱动, 那么第一步,就要找到,那个元素(按钮), 第二步,给予这个按钮xx事件 , 第三步, 取值(数据),发送ajax ,等等,改变元素样式等等都行

// jq 能省则省

$('#ureg').click(function() {

// id 选择器

var uname= $("#uname").val();

var upwd= $('#upwd').val();

console.log(uname)

console.log(upwd)

// class 选择器

var pwd = $(".pwd") ;

console.log( pwd )

// element 元素 / 标签选择器

var span = $("span");

console.log( span )

// 并列选择器

var binglie = $("#uname , #upwd")

console.log(binglie)

// 通配符选择器

var all= $("*")

console.log(all)

});

})

</script>

</body>

</html>

运行结果：

jquery的点击事件驱动获取值相关推荐

jq多选按钮值_关于jquery的多选框获取值和状态回显
最近开发一个新功能模块设计到状态多选框的勾选及查询后状态的回显保留. 需求:在页面当点击状态多选框时实现option的勾选状态,把对应的option的value值赋给在form表单的隐藏input ...
layui 点击 radio 获取后面的值
插入代码 function queryGifts(){$.ajax({url:"../Gift/getGiftListALL.do",async: false,type:" ...
js原生、jquery单选框radio总结（获取值、设置默认选中值、样式）
单选框 radio总结: 一.页面样式截图: <div class="radio-inline"><input type="radio" na ...
ajax onclick() 获取最新输入的文本框的值,如何从jQuery onclick函数的Ajax函数中获取值？...
我有一个按钮,当我点击它时,它会从我的数据库中获取数据,并根据ID将其显示在我的文本区域中.如何从jQuery onclick函数的Ajax函数中获取值? JQuery的 $('#verifyBtn' ...
jQuery通过name获取值
使用jQuery获取name="day"的input对象: 方法1 var dayObj=$('input[name="day"]'); for(int i=0 ...
修改input的text 通过jquery的html获取值未变化
修改input的text 通过jquery的html获取值未变化扩展一个方法 ,通过formhtml()来取代html() (function ($) {var oldHTML = $.fn.ht ...
记一次Jquery获取值的典型错误
直接上代码: 代码很简单,通过Post的形式提交参数,但是发现提交的data总是空,昨晚有点纳闷,今天一看才发现... 获取值得时候的顺序有问题,获取值应该是在onclick事件中. 综上:写Jque ...
如何利用echarts图表获取条状图点击名称和值
如何利用echarts图表获取条状图点击名称和值听语音 | 浏览:1505 | 更新:2017-06-13 10:20 | 标签:软件 1 2 3 4 5 6 7 分步阅读 echarts图表插件工 ...
html中加减号怎么输入,jQuery 实现点击加减号改变input标签中的value值,该怎么解决...
jQuery 实现点击加减号改变input标签中的value值我想点击左右两边的加减号,让中间input标签中的value属性值做出相应的改变,jQuery怎么实现? ------解决思路 ...

jquery的点击事件驱动获取值

jquery的点击事件驱动获取值相关推荐

最新文章

热门文章