JQuery 更改属性 JQ对象循环 each 全选反选 三元运算
来源:互联网 发布:掃描sql 编辑:程序博客网 时间:2024/05/26 05:51
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title></head><body> <table border="1"> <thead> <tr> <th>选项</th> <th>ip</th> <th>port</th> </tr> </thead> <tbody id="i1"> <tr > <td><input type="checkbox"></td> <td>1.1.1.1</td> <td>80</td> </tr> <tr> <td><input type="checkbox"></td> <td>1.1.1.1</td> <td>80</td> </tr> <tr> <td><input type="checkbox"></td> <td>1.1.1.1</td> <td>80</td> </tr> <tr> <td><input type="checkbox"></td> <td>1.1.1.1</td> <td>80</td> </tr> </tbody> </table> <input type="button" value="all" onclick="checkAll()"> <input type="button" value="rev" onclick="reverse()"> <input type="button" value="can" onclick="checkNone()"></body><script src="jquery-3.2.1.js"></script><script> function checkAll () { $('#i1 input').prop('checked', true)// $(':checkbox').prop('checked', true)// 实际上, 这两条都是一样的.$带出的JQuery对象只能是列表, 且是标签列表. } function checkNone () { $('#i1 input').prop('checked',false) }// function reverse() {// $('#i1 input').each(function (k) {// console.log(k,this);// }) function reverse() { $('#i1 input').each(function () { //三元运算, 实现反选, 选中的不选, 没选的选中 var v = (this).prop('checked')?false:true; $(this).prop('checked',v) }) }</script></html>
在反选里面, 我们不需要用到for循环, 而用封装好的.each(function(k){})
.each里的函数的参数k, 实际上是下标(索引序号)
function reverse() { $('#i1 input').each(function (k) { console.log(k,this); })
输出的结果包含:
k : 0 1 2 3
this: 所有inputs里面的每一个需要循环的input子标签, 而所有的this实际上都是DOM对象而不是JQ对象
如果要把this 转为JQ对象, 需要用$(this)包起来
三元运算:
var v = 条件? 真值:假值
学术或足球分析交流微信:chinamaths(进讨论组)
阅读全文
0 0
- JQuery 更改属性 JQ对象循环 each 全选反选 三元运算
- JavaScript全选 取消 反选 jQuery 以及三元运算版反选
- jquery全选反选
- jquery 全选反选
- Jquery 全选、反选
- jquery -全选/反选
- Jquery 全选,反选
- Jquery 全选 反选
- jquery全选反选
- jquery--全选反选
- jQuery全选反选
- Jquery 全选/反选
- jquery全选反选
- jquery全选反选
- jquery全选反选
- jquery 全选 反选
- jquery全选反选
- JQ checkbox 全选 反选获取值
- Spring整理
- 文件夹的复制
- oracle11g导入oracle10g dmp文件,导出dmp文件
- java 操作hdfs 实例
- 浏览器滚动条的处理
- JQuery 更改属性 JQ对象循环 each 全选反选 三元运算
- PAT (Advanced Level) Practise 1059 Prime Factors (25)
- 六、Linux——malloc、Makefile
- iOS 10前后两种本地通知
- 让linux开发板联网
- jquery-easyUI第一篇【介绍、入门、使用常用的组件】
- 初识htpp与tcp
- Ajax交互扩展
- C语言-蛇形矩阵(2)