jquery点击添加样式否则取消，jquery点击按钮重新加载页面

Jquery点击添加和删除CSS的方法

removeClass()定义和用法：removeClass() 方法从被选元素移除一个或多个类。如果没有规定参数，则该方法将从被选元素中删除所有类。addClass()定义和用法：addClass() 方法向被选元素添加一个或多个类。该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。

这个用jQuery实现一般是添加一个类和删除一个类。首先要有一个写好的class样式类。

思路：点击当前li元素后是用removeClass()删除所有兄弟元素（使用siblings()获取）的class样式，然后使用addClass()为当前li添加class。

可以使用：$(#but).removeAttr(class)；和$(#but).attr(class，but_test)；来对标签进行元素的添加和删除。为了直观性的看到结果，首先在css样式中，针对class选择该元素，之后添加相应的样式。接下来，就给该button按钮添加一个点击事件，让它能过自由切换。对该点击事件添加js函数。

首先打开hbuilder编辑器，在html文件中写入5个li标签，第一个li标签设置class样式，再在上方设置li标签的高度、宽度、字体大小、行高的等属性，再设置第一个li标签的样式，给它加一个外边框。

相关问答

Q1: Jquery点击一次添加样式,再次点击删除样式

1、思路：点击当前li元素后是用removeClass()删除所有兄弟元素（使用siblings()获取）的class样式，然后使用addClass()为当前li添加class。

2、你选择$（this）.sibings（）.addClass（active）就可以删除样式。

3、首先打开hbuilder编辑器，在html文件中写入5个li标签，第一个li标签设置class样式，再在上方设置li标签的高度、宽度、字体大小、行高的等属性，再设置第一个li标签的样式，给它加一个外边框。

4、(#test).toggleClass(className)；上面的代码将会依次为id为test的元素添加/删除名为className的class，如果test元素存在className，则删除className，如果不存在则添加className。toggleClass的用法如下：在匹配的元素集合中的每个元素上添加或删除一个或多个样式类，取决于这个样式类是否存在或值切换属性。

5、这个用jQuery实现一般是添加一个类和删除一个类。首先要有一个写好的class样式类。

6、另外JQuery还提供了一个toggleClass()方法控制样式上的重复切换。如果类名存在则删除它，如果类名不存在则添加它。例如对p元素进行toggleClass()方法操作。

Q2: 在frameset中的使用jquery点击单元格更改样式

1、空：　不允许 注释：FRAMESET可以嵌套 以上所述只是最简单的框架设定，若希望达到更合适的效果请加入或修改以下各参数。

2、第一种：是html中的frameset利用框架分割浏览器窗口 然后通过name和target属性把两个进行匹配 第二种就是DOM 利用 getElementSByTagName（）方法或者getElementById（）方法获取链接节点 在通过setAttribute方法进行修改 然后通过onclick事件调用这个dom函数。

3、隐藏时通过 js 把 C 删除，显示时再创建一个 frame指向c.html，并添加到 frameset。

4、你把代码贴出来帮你看看啊，你就这样说谁也不知道你在样式里设置了什么，横向菜单我有，用jquery写的，不过二级菜单没有做成横向，调一下css样式就可以打横。

Q3: jquery实现点击一个复选框,让其它复选框都选中,反之再次点击都取消

全不选：(：checkbox).removeAttr(checked)；反选：(：checkbox：checked).removeAttr(checked)；(：checkbox：not(：checked)).attr(checked，checked)；全手写，没有经过测试。

然后再来一个jquery的加载函数，加载函数是jquery的标配。下面这种方式的话是属于比较简写的了。接下来根据id获取全选框的元素，然后给全选框绑定点击事件。

$([name=items]：checkbox).attr(checked， this.checked )；})；$([name=items]：checkbox).click(function(){//定义一个临时变量，避免重复使用同一个选择器选择页面中的元素，提升程序效率。var $tmp=$([name=items]：checkbox)；//用filter方法筛选出选中的复选框。

全选和取消全选，使用一个按钮就行，这也是通常都在使用的方法，因为多半人不愿意在全选的状态下再去找‘取消全选’的按钮来实现取消全选的效果。实现这个效果只需要上述代码：单击全选多选框的时候选中全部多选框，再点就取消全选。

你可以把多选框的名字都写成一样的，再给多选框多加一个属性，里面存储你想获得的ptpt值，像下面这样 这样在获得选中的多选框后直接取ptpt属性的值就可以拿到你想要的ptpt的值了。

首先，将自动值1设置为由jquery检查。其次，提交时，执行getCheckBoxVal函数，遍历所有复选框，将选中的设置为1。最后，将未选中的选项值设置为0，将复选框选项设置为选中，并保持选中状态以确保将其提交到服务器即可。

Q4: 怎样在jquery点击事件点击元素添加和移除class?

1、removeClass()定义和用法：removeClass() 方法从被选元素移除一个或多个类。如果没有规定参数，则该方法将从被选元素中删除所有类。addClass()定义和用法：addClass() 方法向被选元素添加一个或多个类。该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。

2、思路：点击当前li元素后是用removeClass()删除所有兄弟元素（使用siblings()获取）的class样式，然后使用addClass()为当前li添加class。

3、(div).removeClass(className)；//将所有div上名为className的class移除 toggleClass 描述： 在匹配的元素集合中的每个元素上添加或删除一个或多个样式类，取决于这个样式类是否存在或值切换属性。即：如果存在（不存在）就删除（添加）一个类。

4、移除样式 如果用户单击某个按钮时，要删除class的某个值，那么可以使用与addClass()方法相反的removeClass()方法来完成，它的 作用是从匹配的元素中删除全部或者指定的class。

5、.removeClass( [className ] )，每个匹配元素移除的一个或多个用空格隔开的样式名。.removeClass( function(index， class) )，这个函数，返回一个或多个将要被移除的样式名。index 参数表示在所有匹配元素的集合中当前元素的索引位置。class 参数表示原有的样式名。

6、方法一：(a).click(function(){ $(a).attr(class， )； $(this).attr(class， XXXX)；})；原理就是点击某个，先消除所有的class，然后给当前的添加class=XXXX。这个写法最快捷。

关于jquery点击添加样式否则取消和jquery点击按钮重新加载页面的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。