                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /jQuery
                        
                        /jQuery基礎(chǔ)(三)—事件篇

這里是 function data(e) 事件是怎么觸發(fā)的？

<!DOCTYPE html>
<html>

<head>
? ? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
? ? <title></title>
? ? <style>
? ? .test2 {
? ? ? ? background: #bbffaa;
? ? }
? ? .test3 {
? ? ? ? background: yellow;
? ? }
? ? .test2,.test3{
? ? ? ? border: 1px solid red;
? ? }
? ? </style>
? ? <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>

<body>
? ? <h2>.click()方法</h2>

? ? <h4>測(cè)試一</h4>
? ? <button>元素綁定事件,彈出回調(diào)中的this</button>
? ? <script type="text/javascript">
? ? ? ? //this指向button元素
? ? ? ? ?$("button:eq(0)").click(function() {
? ? ? ? ? ? alert(this)
? ? ? ? })
? ? </script>

? ? <h4>測(cè)試二</h4>
? ? <div class="test2">
? ? ? ? <p>$('button:first').click(function(e) {alert(this)})</p>
? ? </div>
? ? <button>指定觸發(fā)事件</button>
? ? <script type="text/javascript">
? ? ? ? $('p').click(function(e) {
? ? ? ? ? ? alert(e.target.textContent)
? ? ? ? })
? ? ? ? //this指向button元素
? ? ? ? $("button:eq(1)").click(function() {
? ? ? ? ? ? $('p').click() //指定觸發(fā)綁定的事件
? ? ? ? })
? ? </script>

? ? <h4>測(cè)試三</h4>
? ? <div class="test3">
? ? ? ? <p>$('.right').click(1111, set)</p>
? ? </div>

? ? <button>不同函數(shù)傳遞數(shù)據(jù)</button>
? ? <script type="text/javascript">
?function data(e) {
? ? ? ? ? ? alert(e.data) //1111
? ? ? ? }

? ? ? ? function a() {
? ? ? ? ? ? //傳值
? ? ? ? ? ? $("button:eq(2)").click(1111, data)
? ? ? ? }
? ? ? ? a();

? ? </script>

</body>

</html>