                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础(三)—事件篇

这里如果想给每个点击的li设置css样式应该怎么写

如果要给li设置css，那么怎么使用event添加，还是用别的方法

好我再想想

2016-12-28

源自：jQuery基础(三)—事件篇 6-1

关注问题我要回答

3708

操作

收起

9 回答

慕数据5775487 回答被采纳 +3 积分
2017-01-02

$("li").on('click',function(e){
           $(this).css({
           	'color':'red',
           	'border':'1px solid blue'
           });
        })

1 回复有任何疑惑可以回复我~

收起回答

好我再想想提问者

谢谢！！

2017-01-03 回复有任何疑惑可以回复我~

慕数据5775487 回复好我再想想提问者

给个采纳吧，谢谢哦！

2017-01-03 回复有任何疑惑可以回复我~

好我再想想提问者

非常感谢！

2017-01-03 回复有任何疑惑可以回复我~

Y先生的可乐
2018-11-15

$("li").on('click',function(e){

alert('触发的元素是内容是: ' + e.target.textContent);

$(this).css({'background':'#eee','border':'1px solid pink'});

})

0 回复有任何疑惑可以回复我~

收起回答

Chai_陌路
2018-05-16

$("ul").on('click',function(e){
           $(e.target).css({
             'color':'red',
             'border':'1px solid blue'
           });
        })

0 回复有任何疑惑可以回复我~

收起回答

慕码人6013809
2018-01-04

最佳答案的是对的

老师说的用事件委托，是这么写的

$('li').on('click',function(){
            $(this).css('border','1px solid red');
        })

0 回复有任何疑惑可以回复我~

收起回答

慕码人6013809
2018-01-04

最佳答案的是对的

用事件委托的话，应该是这么写

 $('li').on('click',function(){
            $(this).css('border','1px solid red');
        })

0 回复有任何疑惑可以回复我~

收起回答

qq_齐步走_1
2017-03-21

采纳的不对，采纳是给ul添加，应该是$(e.target).css('border','1px solid red')

this会冒泡到ul，e.target不冒泡

1 回复有任何疑惑可以回复我~

收起回答

qq_晚安_33

采纳的绑定的是li，this指的就是li

2017-08-03 回复有任何疑惑可以回复我~

李大仁阿
2017-01-29

$("ul").on('click',"li",function(e){

alert('触发的元素是内容是: ' + e.target.textContent);

$(e.target).css({

'color':'red',

'border':'1px solid blue'})

})

6 回复有任何疑惑可以回复我~

收起回答

superunusa
2016-12-28

直接用找到需要的li用.css()方法加就行了。或者先定义好CSS样式，然后动态添加class也可以。

0 回复有任何疑惑可以回复我~

收起回答

好我再想想提问者

我想问的是可不可以通过function（e）里的e来添加

2016-12-28 回复有任何疑惑可以回复我~

我就叫李二毛回复好我再想想提问者

2017-01-12 回复有任何疑惑可以回复我~

0/150

提交

取消

jQuery基础(三)—事件篇

参与学习 89999 人
解答问题 625 个

jQuery第三阶段开启事件修炼，掌握对页面进行交互的操作

进入课程

本课相似问答

1 回答求问大神，我自己写的一个导航，为什么这样写点击菜单并没有切换样式效果?

1 回答怎样实现点击一个ul里面的li，ifame和另外四个ul一个ul出现，另外三个隐藏

1 回答这应该怎么解释

1 回答如果想把当前按下的这个键alert出来怎么办？

3 回答这里应该是父代节点吧？（mouseenter）

搜索更多本课相关问答

这里如果想给每个点击的li设置css样式应该怎么写

我要回答关注问题

热搜

最近搜索清空

这里如果想给每个点击的li设置css样式应该怎么写

9 回答

本课相似问答

这里如果想给每个点击的li设置css样式应该怎么写