一共三步,具体如下:
1、HTML结构:设计三个li元素<ul id="test">、 <li>Glen</li>、<li>Tane</li、<li>John</li>、</ul>。
2、css样式:设计一个类selected,表示选中后的效果<style>.selected{font-weight:boldbackground: #ff99cccolor:#fff}</style。
3、jquery代码:$(function(){$("#test li").click(function() $(this).siblings('li').removeClass('selected') // 删除其他兄弟元素 $(this).addClass('selected') // 添加当前元素的样式 })
1、removeClass()定义和用法:removeClass() 方法从被选元素移除一个或多个类。如果没有规定参数,则该方法将从被选元素中删除所有类。
2、addClass()定义和用法:addClass() 方法向被选元素添加一个或多个类。该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。如需添加多个类,请使用空格分隔类名。
$('element').on('click',function(){
/*获取该元素*/
console.log($(this))
alert('click')
})
on() 方法在被选元素及子元素上添加一个或多个事件处理程序。
自 jQuery 版本 1.7 起,on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。
基本语法:
$(selector).on(event,childSelector,data,function,map)
实例:
$("p").on("click",function(){
alert("The paragraph was clicked.")
})
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)