JQuery选择器1
2016-05-19 10:23
525 查看
check
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>check dome</title> <style> div{ color: red; } </style> <script src="jquery-2.2.3.min.js"></script> </head> <body> <form> <p> <input type="checkbox" name="newspaper" value="Hourly" checked="checked">Hourly <input type="checkbox" name="newspaper" value="Daily" >Daily <input type="checkbox" name="newspaper" value="Weekly" >Weekly <input type="checkbox" name="newspaper" value="Monthly" >Monthly <input type="checkbox" name="newspaper" value="Yearly" >Yearly </p> </form> <div> </div> <script> // var count = function () { // var n = $("input:checked").length; // $("div").text(n+(n==1?"is":"are")+"checked"); // } // count(); // $("input[type=checkbox]").on("click",count);//on 绑定事件 // var count = function () { // var n = $("input:checked").length; // $("div").text(n+(n==1?"is":"are")+"checked"); // } // count(); // $("input[type=checkbox]").on("click",count); var count = function () { var n = $("input:checked").length; $("div").text(n+(n==1?"is":"are")+"checked"); } count(); $("input[type=checkbox]").on("click",count); </script> </body> </html>
child selector
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>child demo</title>
<style>
body{
font-size: 14px;
}
</style>
<script src="jquery-2.2.3.min.js"></script>
</head>
<body>
<ul class="nav">
<li>
Item 1
</li>
<li>
Item 2
<ul class="navv">
<li>Nested item 1</li>
<li>Nested item 2</li>
<li>Nested item 3</li>
</ul>
</li>
<li>
Item 3
</li>
</ul>
<script>
$("ul.nav > li").css("border","3px double red");
$("ul.navv > li").text("fasjfhafhaw");
</script>
</body>
</html>
相关文章推荐
- jquery-1.12.3
- jQuery转Vue项目实践总结
- jquery显示隐藏元素的实现代码
- jQuery zTree v3.5 异步树及后台
- jquery选择器
- jquery实现无刷新验证码的简单实例
- jQuery点击输入框显示验证码图片
- jQuery1.9.1源码分析--数据缓存Data模块
- Ajax+JQuery查询用户名是否重复
- jquery map调用get()方法的困惑
- jQuery点击输入框显示验证码图片
- jquery实现无刷新验证码的简单实例
- jQuery判断元素是否显示 是否隐藏的简单实现代码
- jquery显示隐藏元素的实现代码
- jQuery获取当前点击的对象元素(实现代码)
- JQuery 在文档中查找指定name的元素并移除的实现方法
- 当jquery ajax遇上401请求的解决方法
- 基于jQuery的Web上传插件Uploadify使用示例
- 浅析jquery数组删除指定元素的方法:grep()
- jquery if条件语句的写法