jquery标签选择器应用示例

1 统一设置div内容

可以用标签选择器来选择所有的 div 元素;

<!DOCTYPE html>
<html>
<head><title></title><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script><script>function setdiv(){$("div").html('统一设置内容；');}</script>
</head>
<body><h1></h1><div id="div1" style="border:1px solid #0F0;width:150px;height:50px;"></div><p></p><div id="div2" style="border:1px solid #0F0;width:150px;height:50px;"></div><p></p><div id="div3" style="border:1px solid #0F0;width:150px;height:50px;"></div><p></p><div id="div4" style="border:1px solid #0F0;width:150px;height:50px;"></div><p></p><div id="div5" style="border:1px solid #0F0;width:150px;height:50px;"></div><p></p><button onclick="setdiv()">设置内容</button>
</body>
</html>

2 jQuery获取表单的全部数据

serialize()方法,
　　 var data= $("form").serialize();
　　将表单内容序列化成一个字符串;

<!DOCTYPE html>
<html>
<head><title>表单</title><script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script><script>function getform(){var data= $("form").serialize();alert('表单数据：'+data);}</script>
</head>
<body><h1>注册表单</h1><form action="" method="get"><p><label>用户名：</label><input type="text" name="user" /></p><p><label>密&nbsp;&nbsp;&nbsp;码：</label><input type="password" name="password" /></p><p><label>性&nbsp;&nbsp;&nbsp;别：</label><input type="radio" name="gender" value="0" /> 男<input type="radio" name="gender" value="1" /> 女</p><p><label>爱&nbsp;&nbsp;&nbsp;好：</label><input type="checkbox" name="like" value="0"> 学习 <input type="checkbox" name="like" value="1"> python<input type="checkbox" name="like" value="2"> 游泳</p><p><label>个人介绍:</label><textarea name='introduce'></textarea></p><p><label>籍&nbsp;&nbsp;&nbsp;贯：</label><select name="site"><option value="0">北京</option><option value="1">上海</option><option value="2">河南</option><option value="3">河北</option><option value="4">山东</option></select></p><p><input type="submit" name="" value="提交1"><input type="reset" name="" value="重置1"></p></form><button onclick="getform()">Get Form</button>
</body>
</html>

$("form")，也是标签选择器；

jquery标签选择器应用示例相关推荐

jQuery查找标签--选择器,筛选器,模态对话框, 左侧菜单栏
查找标签选择器: 基本选择器(同css) id选择器 $("#id")标签选择器 $('tagName')class选择器 $(".className")配合 ...
jquery基本选择器：id选择器、class选择器、标签选择器、通配符选择器
全栈工程师开发手册 (作者:栾鹏) jquery系列教程1-选择器全解 jquery基本选择器 jquery基本选择器,包括id选择器.class选择器.标签选择器.通配符选择器,同时配合选择器的空格 ...
jQuery(简介、特点、使用方法、【重点】jQuery的选择器：是jQuery的灵魂、jQuery的属性：操作标签的属性)
https://www.jq22.com/chm/jquery/index.html 一.jQuery 1.简介:是一个对JavaScript进行了封装的库,简化了用户使用javascript 2.特 ...
jQuery实现点击文本框弹出热门标签的提示示例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
jquery选择器、标签选择器、类选择器、元素选择器、*选择器、this关键字
目录元素选择器列:段落隐藏 #id选择器列: .class选择器列: CSS选择器列: *选取所有元素列:#选择器.*选择器.类选择器.元素选择器练习 this选取当前html元素列:选 ...
INPUT标签选择器和使用、jquery过滤器
INPUT标签选择器和使用 1.input标签的组成 2.input标签作用: 3.[使用] 一.过滤器语法介绍: 1.对已经定位到jquery对象中DOM对象,进行二次筛选. 2.过滤器不能独立使用 ...
jQuery的选择器
1. jQuery的基本选择器代码示例如下所示: <!doctype html> <html lang="en"> <head><met ...
jQuery基本选择器（实例及表单域 value 的获取）
jQuery基本选择器包括 CSS选择器.层级选择器和.表单域选择器. 1.CSS选择器 (1)标签选择器 $("div") $("p") $(" ...
css 选择器（标签选择器、类选择器、层级选择器、id选择器、组选择器、伪类选择器、通配符选择器）
css 选择器的定义 css 选择器是用来选择标签的,选出来以后给标签加样式. css 选择器的种类标签选择器类选择器层级选择器(后代选择器) id选择器组选择器伪类选择器通配符选择器标 ...

jquery标签选择器应用示例

1 统一设置div内容

2 jQuery获取表单的全部数据

jquery标签选择器应用示例相关推荐

最新文章

热门文章