问答详情
源自:6-1 jQuery事件对象的作用

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

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

提问者:好我再想想 2016-12-28 09:15

个回答

  • 慕数据5775487
    2017-01-02 15:32:57
    已采纳

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


  • Y先生的可乐
    2018-11-15 18:02:34


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

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

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

            })


  • Chai_陌路
    2018-05-16 16:33:04

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

  • 慕码人6013809
    2018-01-04 21:38:18

    最佳答案的是对的

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

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


  • 慕码人6013809
    2018-01-04 21:37:22

    最佳答案的是对的

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


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


  • qq_齐步走_1
    2017-03-21 20:09:05

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

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

  • 李大仁阿
    2017-01-29 22:15:35

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

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

               $(e.target).css({

                 'color':'red',

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

            })


  • superunusa
    2016-12-28 11:14:22

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