www.ypnh.net > JquEry如何移除其他未点击节点的ClAss属性

JquEry如何移除其他未点击节点的ClAss属性

直接removeClass() 里边不用填参数

$(function(){ $("#ok").removeattr("class");})

思路:获取被点击元素之外的元素,使用remove()方法删除节点.下面进行实例演示点击某个div后,删除同级的其余div元素:1、HTML结构 1 2 3 2、jquery代码$(function(){ $(".test").click(function() { $(this).siblings().remove(); // 使用siblings获取被点击元素之外的同级元素,然后使用remove()删除 });}); 3、效果演示

<script type="text/javascript">function setModule(i, o) { obj=$(o); $('.head_search_on').removeClass('head_search_on'); obj.attr('class','head_search_on')}</script>

1. 简单的语句:$(".selector").click(function(){ $(this).attr("class","newclass"));2. 解释:首先给你指定的元素绑定一个click事件,点击就执行增加class,同时清除其他class的操作.attr是jquery一个设置元素属性的方法.通过该方法直接给被点击的元素添加新的class,默认会覆盖掉之前class属性的值.3. 拓展:attr方法参考 http://www.w3cschool.cn/attributes_attr.html

一共三步,具体如下:1、HTML结构:设计三个li元素<ul id="test">、 <li>Glen</li>、<li>Tane</li、<li>John</li>、</ul>.2、css样式:设计一个类selected,表示选中后的效果<style> .selected{font-weight:bold; background: #ff99cc; color:#fff;}</

一共三步,具体如下:1、HTML结构:设计三个li元素

toggleClass方法可以实现对某一class进行添加、删除操作.示例:$('#test').toggleClass('className');上面的代码将会依次为id为test的元素添加/删除名为className的class,如果test元素存在className,则删除className,如果不存在则

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供

有可能是你的js代码写在了要删除的html元素之前建议使用jquery,$(function(){ $(".class").remove();})在此之前需要引用jquery.js

网站地图

All rights reserved Powered by www.ypnh.net

copyright ©right 2010-2021。
www.ypnh.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com