02_Jquery_04_属性选择器
2016-08-12 15:04
507 查看
【简述】
【index.jsp】
【运行结果1】alert($("[name]").length);
【运行结果2】如果修改为:alert($("[name=age]").length);
【运行结果3】如果修改为:$("[name]").val("Higgin"); 会在对应的文本框中显示val("Higgin")中的内容
【通过属性选择器获取下拉列表中的内容】
【运行结果】
【index.jsp】
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Jquery Test</title> <!-- 导入Jquery文件 --> <script type="text/javascript" src="${pageContext.request.contextPath}/jquery-1.5.1.js"></script> <script type="text/javascript"> //这里的内容会在文档加载完毕时执行 $(function(){ alert($("[name]").length); }); </script> </head> <body> This is my JSP page. <br> name: <input type="text" name="name"/><br/> age: <input type="text" name="age"/><br/> password:<input type="text" name="psw"/><br/> <input type="submit" value="登录"/> </body> </html>
【运行结果1】alert($("[name]").length);
【运行结果2】如果修改为:alert($("[name=age]").length);
【运行结果3】如果修改为:$("[name]").val("Higgin"); 会在对应的文本框中显示val("Higgin")中的内容
【通过属性选择器获取下拉列表中的内容】
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Jquery Test</title> <!-- 导入Jquery文件 --> <script type="text/javascript" src="${pageContext.request.contextPath}/jquery-1.5.1.js"></script> <script type="text/javascript"> //这里的内容会在文档加载完毕时执行 $(function(){ alert($(":selected").text()); //获得selected="selected"的属性的值 }); </script> </head> <body> This is my JSP page. <br> 学历: <select name="education"> <option value="1">大学</option> <option value="2"selected="selected">中学</option> <option value="3" >小学</option> </select> </body> </html>
【运行结果】
相关文章推荐
- jQuery编程基础精华02(属性、表单过滤器,元素的each,表单选择器,子元素过滤器(*),追加方法,节点,样式操作)
- jQuery编程基础精华02(属性、表单过滤器,元素的each,表单选择器,子元素过滤器(*),追加方法,节点,样式操作)
- Jquery的属性选择器
- jQuery选择没有colspan属性的td的代码
- jquery属性选择器
- jquery 属性选择器
- jQuery属性选择器
- JQuery复合属性选择器小例
- 使用 jQuery 属性选择器获取服务器控件 ClientID
- Jquery选择器之可见性选择器、属性过滤选择器
- jQuery(2-8)表单对象过滤属性选择器
- jQuery 选择/取消 id 属性 已经选择的checkbox(java代码混用)
- jQuery选择没有colspan属性的td
- IE6、IE7、IE8对多级jquery属性选择器失效的替代方案
- $(document)、$("p").hide(1000)、$("p.intro")、$("p#demo")、jquery属性选择器
- jquery 是否有某属性的选择方法
- jQuery的属性选择器[@rel*=style]失效问题
- [原创] jQuery源码分析-04 选择器-Sizzle-设计思路
- jQuery属性选择器