- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>jQuery事件</title>
- <script src="jquery.js"></script>
- <script src="index.js"></script>
- </head>
- <body>
- <button>按钮</button>
- <a href="https://www.bing.com" target="_blank">必应搜索</a>
- <form action="http://www.baidu.com">
- <input type="text" name="wd">
- <input type="submit" value = "百度搜索">
- </form>
- </body>
- </html>
- // alert(document.body)
- // 此时docment还没有创建出来 button是找不到的 所以代码无效
- // $('button').click(function(){
- // alert('可以弹出吗')
- // })
- // 正确的做法使用这种$(loadedCallBack)
- // 这种写法在html加载完成之后会调用loadedCallBack
- // 比在<body onload="hhh()">更加灵活
- // $(function(){
- // var time = new Date()
- // // $('button').click(time,function (ev){
- // // console.log(time)
- // // })
- // })
- $(function(){
- alert('加载完成')
- })
- // setInterval(function(){
- // // $('a').click() 不起作用
- // // location.href = $('a').attr('href')
- // // window.open($('a').attr('href'),'_blank')
- // },5*1000)
- setInterval(function(){
- $(':submit').click()
- },5*1000)
jQuery事件2
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>jQuery事件</title>
- <style>
- div{
- width:300px;
- height: 300px;
- border-radius: 50%;
- background-color: red;
- text-align: center;
- color: white;
- padding-top: 80px;
- box-sizing: border-box;
- }
- </style>
- </head>
- <body>
- <p>这段文件将要被删除<button>删除</button></p>
- <div>
- <h1>点击抽奖/签到</h1>
- 每天只有一次机会
- </div>
- <script src="jquery.js"></script>
- <script src="index.js"></script>
- </body>
- </html>
- // $('button').one('click',function() {
- // $(this).parent().remove()
- // })
- // $('div').one('click',function(){
- // if(Math.random() >0.5){
- // $('h1').text('恭喜你中奖500000000').css('color','yellow')
- // }
- // else{
- // $('h1').text('抱歉再买一次吧')
- // }
- // })
- // var time = 0
- // $('div').bind('click',4,function (ev){
- // console.log(ev)
- // time++
- // if(time > ev.data){
- // $('h1').text('不要太贪心')
- // alert('还在监听 还会执行')
- // $('div').unbind('click')
- // }
- // else{
- // $('h1').text('+' + time)
- // }
- // })
- // var time = 0
- // $('div').on('click',4,function (ev){
- // console.log(ev)
- // time++
- // // if(time > ev.data){
- // // $('h1').text('不要太贪心')
- // // // alert('还在监听 还会执行')
- // // // $('div').off('click')
- // // }
- // // else{
- // // $('h1').text('+' + time)
- // // }
- // if(time == 24){
- // $('div').trigger('time.zhiyou.com.cn',[time,'HTML5'])
- // }
- // })
- // $('div').on('time.zhiyou.com.cn',function(ev,time,course){
- // console.log(ev)
- // alert(ev.namespace + time + course + ev.type)
- // })
- // $('button').click(function(){
- // $('div').trigger('click')
- // })
- // $('div').click(function(){
- // alert('div被点击了')
- // })
- // $('body').delegate('div','click','dataName',function(ev){
- // console.log(ev.data)
- // alert('div被点击了')
- // })
- // $('button').click(function(){
- // $('<div>新的</div>').appendTo('body')
- // })
- // document.documentElement.addEventListener('click',function(){
- // $('<div>新的</div>').appendTo('body')
- // },true)