2. <html lang="en">
3. <head>
4. <meta charset="UTF-8">
5. <title>jQuery事件</title>
6. <script src="jquery.js"></script>
7. <script src="index.js"></script>
8. </head>
9. <body>
10. <button>按钮</button>
11. <a href="https://www.bing.com" target="_blank">必应搜索</a>
12.
13. <form action="http://www.baidu.com">
14. <input type="text" name="wd">
15. <input type="submit" value = "百度搜索">
16. </form>
17. </body>
18. </html>
1. // alert(document.body)
2. // 此时docment还没有创建出来 button是找不到的 所以代码无效
3. // $('button').click(function(){
4. // alert('可以弹出吗')
5. // })
6. // 正确的做法使用这种$(loadedCallBack)
7. // 这种写法在html加载完成之后会调用loadedCallBack
8. // 比在<body onload="hhh()">更加灵活
9. // $(function(){
10. // var time = new Date()
11. // // $('button').click(time,function (ev){
12. // // console.log(time)
13. // // })
14.
15. // })
16.
17. $(function(){
18. alert('加载完成')
19. })
20.
21. // setInterval(function(){
22. // // $('a').click() 不起作用
23. // // location.href = $('a').attr('href')
24. // // window.open($('a').attr('href'),'_blank')
25. // },5*1000)
26.
27. setInterval(function(){
28. $(':submit').click()
29. },5*1000)
jQuery事件2
1. <!DOCTYPE html>
2. <html lang="en">
3. <head>
4. <meta charset="UTF-8">
5. <title>jQuery事件</title>
6. <style>
7. div{
8. width:300px;
9. height: 300px;
10. border-radius: 50%;
11. background-color: red;
12. text-align: center;
13. color: white;
14. padding-top: 80px;
15. box-sizing: border-box;
16. }
17. </style>
18. </head>
19. <body>
20. <p>这段文件将要被删除<button>删除</button></p>
21. <div>
22. <h1>点击抽奖/签到</h1>
23. 每天只有一次机会
24. </div>
25. <script src="jquery.js"></script>
26. <script src="index.js"></script>
27. </body>
28. </html>
1. // $('button').one('click',function() {
2. // $(this).parent().remove()
3. // })
4.
5. // $('div').one('click',function(){
6. // if(Math.random() >0.5){
7. // $('h1').text('恭喜你中奖500000000').css('color','yellow')
8. // }
9. // else{
10. // $('h1').text('抱歉再买一次吧')
11. // }
12. // })
13. // var time = 0
14. // $('div').bind('click',4,function (ev){
15. // console.log(ev)
16. // time++
17. // if(time > ev.data){
18. // $('h1').text('不要太贪心')
19. // alert('还在监听 还会执行')
20. // $('div').unbind('click')
21. // }
22. // else{
23. // $('h1').text('+' + time)
24. // }
25. // })
26.
27. // var time = 0
28. // $('div').on('click',4,function (ev){
29. // console.log(ev)
30. // time++
31. // // if(time > ev.data){
32. // // $('h1').text('不要太贪心')
33. // // // alert('还在监听 还会执行')
34. // // // $('div').off('click')
35. // // }
36. // // else{
37. // // $('h1').text('+' + time)
38. // // }
39. // if(time == 24){
40. // $('div').trigger('time.zhiyou.com.cn',[time,'HTML5'])
41. // }
42. // })
43.
44. // $('div').on('time.zhiyou.com.cn',function(ev,time,course){
45. // console.log(ev)
46. // alert(ev.namespace + time + course + ev.type)
47. // })
48. // $('button').click(function(){
49. // $('div').trigger('click')
50. // })
51. // $('div').click(function(){
52. // alert('div被点击了')
53. // })
54. // $('body').delegate('div','click','dataName',function(ev){
55. // console.log(ev.data)
56. // alert('div被点击了')
57. // })
58. // $('button').click(function(){
59. // $('<div>新的</div>').appendTo('body')
60. // })
61. // document.documentElement.addEventListener('click',function(){
62.
63. // $('<div>新的</div>').appendTo('body')
64. // },true)