前端的点点滴滴——one

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/whm18322394724/article/details/83962902

  

*js添加元素

1、元素内部
◆append（在元素内部的尾部加上元素）

//在元素内部的尾部加上元素
function test(){
     var a=$("#id1");
     var addStr="<span>在元素内部的尾部加上元素</span>";
     a.append(addStr);
}

◆prepend（在元素内部的前部加上元素）

//在元素内部的前部加上元素
function test(){
     var a=$("#id1");
     var addStr="<span>在元素内部的前部加上元素</span>";
     a.prepend(addStr);
}

2、元素外部

◆after（在元素外部的尾部加上元素）

//在元素外部的尾部加上元素
function test(){
     var a=$("#id1");
     var addStr="<span>在元素外部的尾部加上元素</span>";
     a.after(addStr);
}

◆before（在元素外部的头部加上元素）

//在元素外部的头部加上元素
function test(){
     var a=$("#id1");
     var addStr="<span>在元素外部的头部加上元素</span>";
     a.before(addStr);
}

3、html（用于当前内容替换掉原内容）

//用于当前内容替换掉原内容
function test(){
     var a=$("#id1");
     var addStr="<span>用于当前内容替换掉原内容</span>";
     a.html(addStr);
}

*js绑定事件

//根据
$("#btn").bind("click", function(){
      alert(1111);
}）

//
<button onclick="test()"></button>
<script>
function test(){
     alert(111);
}
</script>

*onfocus='this.blur();'

   this.blur()就是让这个对象失去焦点;onfocus='this.blur();'作用就是在某对象获得焦点时使其失去焦点。这个语句仅仅是为了消除链接获取焦点（如tab键）后的虚线框