1、首先用hbuilder编辑器新建一个html文件，里面设置一个input框并设置它的tpye属性为checkbox，设置name属性为checkbox，同时在上方设置一个bgred的样式备用：
2、然后在下方引入Jquery库，首先获取checkbox的dom元素，给它一个点击事件，然后判断checkbox有没有被选中，如果选中就添加上一步设置好的css样式，否则则删除样式：
3、最后来到浏览器，可以看到一个checkbox框，点击将它选中：
4、点击之后checkbox的颜色就改变了：
<style>
function ck(){
$("#dv")css("color","red");
//获取到对象 设置对象css中的属性color 属性值为red 也就是下面style中的属性
$("#dv")css("fontSize","30px");
//设置对象的字体大小为 30 px;
//以上是设置div对象的css样式属性 如果是div的直接属性 比如class innerHTML等等
//可以直接修改 如:
$("#dv")html(); //获取div两标间之间的内容
$("#dv")html(""); //带参数就表示设置内容
//这样的 很多建议你看看文档
// 扣群③②〇⑦④⑧⑤⑨① 中有文档下载 技术交流
}
</style>
<div id="dv" style="color:green"></div>
一般而言，JQuery可以利用attr来获取元素的属性值，
1、$("元素")attr("属性"); //获取指定属性的值
2、$("元素")attr("属性","属性值");//设置属性值
3、$("元素")removeAttr("属性"); //移除指定属性
不过在16中加入了prop，用法同attr相同。只是将上面中attr替换成prop即可,不过在获取checked等属性时，将会返回标准属性true/false，不会和之前的attr一样，返回checked或者“”。
而JQuery中获取类名的属性为class亦可以为className，因为在HTML DOM中没有class属性，而是className属性。在JQuery中，有对className作出关键字的转换。
扩展资料：
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
参考资料：
主题皮肤切换效果在很多网站和系统中会用到，用户可以根据此功能设置自己喜欢的主题颜色风格，增强了用户体验。
原理：实现该功能的原理就是通过点击定义的主题样式，改变页面当前引用的主题CSS文件，并且将当前的主题样式写入cookie中或者写入数据库中，以便下次该用户重新访问页面时，调用的就是上次设置好的主题样式。
步骤：
首先，准备三个样式表CSS文件，分别是三种颜色风格的主题皮肤，将其引入页面。
给每个<link>添加了title属性，另外禁用了第2个和第3个CSS文件，就是默认起作用的是第1个CSS文件。
HTML内容
CSS样式可以自己设置自己喜欢的布局，每个人用到的样式排版不同，这里就不展示css代码。
JQuery:
引入jquery库和jquerycookie插件。jquerycookie插件为jQuery提供了强大的cookie *** 作功能。
当用户点击切换选择主题时，要发生以下动作：获取选择的主题（id），查看引用的CSS文件，如果发现其title属性值正好与当前选中的主题id值相等，则应用该主题CSS文件，同时将其他引用的CSS文件禁用，并且将当前选中的主题写入cookie中，设置cookie过期时间，最后将当前选中的主题按钮（li）设置为当前选中状态。具体看下面的代码：
注意，本例中我将选中的样式保存在用户cookie中，cookie名称为”colorstyle“，值为当前选中的主题值，过去时间为30天，即：expires:30
接着是页面载入时，读取主题cookie值，如果主题cookie存在则调用cookie值对应的主题样式CSS文件，并且设置当前主题按钮状态为选中状态，反之，则调用默认样式。代码如下：
应用的cookie记录用户所选择设置的主题皮肤样式，当cookie到期或者用户清除了浏览器的cookie，或者用户换用其他浏览器浏览时，当前设置的主题就会失效。为了让用户永久保存选择的主题样式，必须将所选的主题与用户信息对应，写入数据库，下次该用户登录就可以直接读取以往选择的主题。
jquery使css设定好背景颜色的div去掉背景颜色,
我们首先需要的就是获取到你要做这个特效的元素，
jquery的话一般是都过$('#元素id')，
然后在通过改css来更改这个的背景颜色，或者去掉，具体我写代码来提现:
<html>
<head>
</head>
<script>
$(function(){
$('#div1')css('background','none')
})
</script>
<body>
<div id='div1'>
<p>我没有背景颜色了</p>
</div>
</body>
</html>
这样就实现了，用jquery去掉背景颜色了。
首先，你可以得到的ROWID选定行与尊重getGridParam法“selrow'作为参数，然后你可以用getCell来获得相应的列中的单元格的值：
在“COLUMNNAME”应该是你在使用相同的名称'名'的财产colModel。如果从选定行的很多列需要的值，你可以使用getRowData而不是getCell。
您还可以使用这种方式
我想补充，也可以检索jqGrid的单元格的值的基础上，加ROWID列索引（而不是列名）：
这样，抓取在第四列中的值（列序号＃3），用于与主密钥ID 1234的行中，我们可以使用这样的：
顺便说一句，在一个完全无关的话题（但请不要投我失望）：
我不知道就可以了，很容易，链接文本框，你jqGrid的，所以你的用户可以执行即时搜索，而无需打开搜索对话框。
要做到这一点，你需要一点点的HTML是这样的：
和一些JavaScript这样的：
这是一个真正的游戏改变了我那真叫jqGrid的更加人性化。
用户可以立即开始输入自己的搜索字符串，而不需要打开搜索对话框，记得更改运营商“包含”，然后开始打字，再关闭搜索对话框。
var list = $("fibt li");
for (var i = 0; i < listlength; i++) {
var item = list[i];
var span = $(item)children("span")text();
if (spansubstr(0, 1) == "#") {
$(item)children("a")css("color", span);
}
}
以上就是关于jquery 实现checkbox选中颜色改变全部的内容，包括:jquery 实现checkbox选中颜色改变、jquery中的css("color","red")里的color是来自于哪里,如css("fontSize","30px")里、jquery获取当前元素的classname等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）