JQuery常用选择器
来源:互联网 发布:亲密关系 知乎 编辑:程序博客网 时间:2024/06/08 18:10
常用的基本选择器:
<%@ page contentType="text/html; charset=UTF-8" %><!DOCTYPE HTML><html> <head> <meta > <script type="text/javascript" src="jquery-3.1.1.js"></script> <script type="text/javascript"> $(function(){ alert($("#ID").val());//根据Id选择元素,val()得到value alert($("a").html());//根据标记选择元素,html()得到内容 alert($(".classname").val());//根据class选择元素 alter($("*").length);//所有元素 alert($("input,a").length);//组合选择元素 }); </script> </head> <body> <input type="text" id="ID" value="根据ID选择" /> <a>根据元素名称选择</a> <input type="text" class="classname" value="根据元素css类名选择" /> </body></html>
常用的层次选择器:
所有儿孙----所有儿子----后面一个兄弟----后面所有兄弟
<%@ page contentType="text/html; charset=UTF-8" %><!DOCTYPE HTML><html> <head> <script src="jquery-3.1.1.js" type="text/javascript"></script> <script type="text/javascript">$(function(){alert($("#divTest a").length);//查找id为divTest元素的所有a标记元素子孙 -----3个alert($("#divTest>input").length);//查找id为idvTest的元素的所有input子元素----4个alert($("#next+input").val());//查找id为next的元素后面同辈input元素----担当alert($("#next~input").length);//查找id为next的元素后面所有同辈input元素------2个}); </script> </head> <body> <div id="divTest"> <input type="text" value="投资" /> <input id="next" type="text" /> <input type="text" value="担当" /> <input type="text" title="学习" value="学习" /> <a>1<input type="text" value="股票" /></a> <a>2<a>3</a></a> </div> <
/body></html>
儿子
0 0
- jQuery的常用选择器
- jquery的常用选择器
- JQuery常用选择器
- jquery 常用的选择器
- jquery常用选择器
- jquery常用选择器
- JQuery常用选择器总结
- jquery常用选择器
- JQuery常用选择器总结
- 常用jQuery选择器总结
- jquery常用过滤选择器
- Jquery常用选择器
- jQuery常用选择器介绍
- jquery 常用选择器
- jQuery常用选择器示例
- jquery常用选择器
- jQuery常用选择器汇总
- jquery常用选择器
- mysql优化
- 机器学习之无监督聚类问题
- 【优化改进】Linux进程文件瘦身——Linux环境验证 form http://sammor.iteye.com/blog/2147762
- Android常见分辨率问题
- Hbuilder打包安卓app步骤
- JQuery常用选择器
- 微擎安装
- poj-1716【贪心】
- 【九度OJ】题目1179:阶乘 解题报告
- HTTP协议概览
- 3.3 组合变换
- C/B
- Python代码模块热更新机制实现(reload)
- 数据库字段是逗号分隔字符串,传入值是字符串list,判断二者是否有交集