ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

属性 样式

2021-11-09 12:36:16  阅读:143  来源: 互联网

标签:checkbox checked attr 样式 html var 属性


         $(function() {            attr(属性名) 获取属性值            attr(属性名,属性值) 设置属性            $("span").attr("data-id","1002")设置属性            console.log($("span").attr("id"))获取属性值            console.log($("span").attr("data-id"))获取属性值

 

           var c=$("#sex").prop("checked") 返回值true false            var c=$("#sex").attr("checked") 选中返回checked否则undefined            $(":checkbox").attr("checked",true)             $(":checkbox").prop("checked",true)

 

           全选            $("#sex").change(function(){ 获取点击按钮的id            var chk1=$(this).prop("checked") 获取当前checked属性            $(":checkbox").prop("checked",chk1)/将所有的checkbox的checked改为当前获取的checked值是true或 false            })

 

           反选            $("#sex2").change(function(){            $(":checkbox:not([id])").each(function(index,item){             checkbox内不包含id的   each循环       index下标,item获取的每一个checkbox标签            var ck=$(item).prop("checked")            $(item).prop("checked",!ck) !反选             })            })                        没有参数时获取,带参数时是设置 括号内有内容            html() 包含html标签的代码 div<span>span</span>            text()纯文本 divspan            val() 交互控件(表单控件)的值 ""            在设置时,html会解析其中的标签,text不会解析,只是原样输出                        var html=$("div").html();            var text=$("div").text();            var val=$("div").val();            console.log(html,text,val)

 

           $("div").css("color","red"); css操作行内样式                        $("div").css("color","red");            $("div").color();简写          

 

标签:checkbox,checked,attr,样式,html,var,属性
来源: https://www.cnblogs.com/nky1215/p/15528218.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有