简单的jqurey用法之一个事件控制多个元素

jquery事件-target属性：

target属性规定了哪一个DOM元素触发了该事件。

 

$(document).ready(function(){
  $(".a,.b, .c, .d").click(function(event){
      if(event.target.className=="a"){return true} ;
  });
});

该属性可以区分事件里不同的元素，上面有a,b,c,d四个不同的class。通过点击不同的元素，event.target.className会返回不同的字符，以此来判断你所点击的是哪一个元素。

jquery元素选择器：

jquery通过css选择器来选择html元素：

$("p")选取<p>元素。

$("p.jkl")选取class="jkl"的<p>元素。

$("p#lkj")选取id="lkj"的<p>元素。

添加新的html的四个jqurey方法：

append()- 在被选元素的结尾插入内容

$(".a").append(shopping);//将shopping插入到class=a的元素结尾。
$(".a").append(shopping,shopping2,shopping3);//可以插入多个元素;

prepend() - 在被选元素的开头插入内容

after() - 在被选元素之后插入内容

before() - 在被选元素之前插入内容

jquery三种插入元素的方法：

 

function set(){
    var a="<p>I</p>";
    var b=$("<h1></h1>").text(am);
    var c=document.creatElement("h2");
    c.innerHTML="boy";
}

 jquery删除元素的方法：

remove()删除被选元素及其子元素。

 

localStorage.removeItem("key");
//清除本地键为key的value
$(".a").remove();

empty()-从被选元素中删除子元素。

$("#id").empty();