JQuery 三元运算

  1. 云栖社区>
  2. 博客>
  3. 正文

JQuery 三元运算

余二五 2017-11-23 00:17:00 浏览790
展开阅读全文

JQuery三元运算语法:

1
var value = 条件?value1:value2;

解释:设置一个变量value,根据条件进行判断,如果条件为真,则设置value=value1,否则value=value2


实例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<script src="js/jquery-3.1.1.js"></script>
 
<script type="text/javascript">
    function checkAll(){
        $(' :checkbox').prop('checked',true);
    }
    function cancleall(){
        $(' :checkbox').prop('checked',false);
    }
     
</script>
<script type="text/javascript">
    function reverseAll(){
        $(' :checkbox').each(function(){
            // if(this.checked){
            //     this.checked = false;
            // }else{
            //     this.checked = true;
            // }
 
            // if($(this).prop('checked')){
            //     $(this).prop('checked',false);
 
            // }else{
            //     $(this).prop('checked',true);
            // }
            var v = $(this).prop('checked')?false:true;
            $(this).prop('checked',v);
        })
    }  
</script>

prop属性:

$(this).prop('checked'):表示获取checked属性的值,

$(this).prop('checked',true/false):表示设置checked属性的值为true/false。

prop常用语checked和selected属性

this: 表示DOM对象,$(this)表示JQuery对象,只有JQuery对象才能使用JQuery方法。










本文转自 曾哥最爱 51CTO博客,原文链接:http://blog.51cto.com/zengestudy/1921115,如需转载请自行联系原作者

网友评论

登录后评论
0/500
评论