zoukankan html css js c++ java

JS 构造函数中的 this

<!doctype html >
<html style="font-size:13.5px;">
<head>
<meta charset="utf-8">
<title>JS 绑定 事件</title>

</head>
<style type="text/css">
li{ width:500px; line-height:20px;}
</style>


<body>
<ul> 

 <li>111111111</li>
 <li>222222222</li>
 <li>3333333333</li>

</ul>


<div id="btn"> 点击</div>
</body>
</html>


<script src="jquery.1.9.0.min.js"></script>
<script type="text/javascript">
$(function(){
    oEditor.init();
});

var oEditor={
    //当前dom
    currentObj:{},
};

oEditor.init=function(){
    $("li").click(function(e){
            var target = $(e.target);
            oEditor.currentObj=target;  //当前DOM
            alert(oEditor.currentObj.html())
   })
    
}


</script>

//上面是点击找到当前的元素。

//下面是指定当前元素其中主要的句

e.target 返回触发此事件的元素（事件的目标节点）。

var target = $(e.target);
  oEditor.currentObj=target;

<!doctype html >
<html style="font-size:13.5px;">
<head>
<meta charset="utf-8">
<title>JS 绑定 事件</title>

</head>
<style type="text/css">
li{ width:500px; line-height:20px;}
.select{ background:#ccc;}
</style>


<body>
<ul> 

 <li>111111111</li>
 <li>222222222</li>
 <li>3333333333</li>

</ul>


<div id="btn"> 点击</div>
</body>
</html>


<script src="jquery.1.9.0.min.js"></script>
<script type="text/javascript">
$(function(){
    oEditor.init();
    
});

var oEditor={
    //当前dom
    currentObj:{},
    clear:function(){
          $("li").each(function(index, element) {
              $(this).removeClass("select");
            
        });
    }
};

oEditor.init=function(){
    $("li").click(function(e){
            var target = $(e.target);
            oEditor.currentObj=target;
            oEditor.clear();
            oEditor.currentObj.addClass("select");
             
   });
   
   
   $("#btn").click(function(){
        alert(oEditor.currentObj.html());
       
       })
    
}


</script>

查看全文

相关阅读:
C# DataGridview转换为DataTable
未在本地计算机上注册“microsoft.ACE.oledb.12.0”提供程序
 ORM（Object Relational Mapping）框架
 C#开发小技巧
 Windows系统中Oracle11g R2 版本数据库卸载
 world特殊控制符输入
 Java中生成帮助文档
 Java类——JDBC链接、并操作MySQL数据库
 Java——实现对密码进行MD5加密
 HTTP协议详解

原文地址：https://www.cnblogs.com/yjhua/p/5069794.html