jQuery事件 - 会coding的HAM

BG7ZAG

|

2017-8-17 21:58

|

1,221

|

0

|

508 字

|

3 分钟

<!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>

暂无评论

发送评论编辑评论

Markdown

悄悄话

邮件提醒

|´・ω・)ノ

ヾ(≧∇≦*)ゝ

(☆ω☆)

（╯‵□′）╯︵┴─┴

￣﹃￣

(/ω＼)

∠( ᐛ 」∠)＿

(๑•̀ㅁ•́ฅ)

→_→

୧(๑•̀⌄•́๑)૭

٩(ˊᗜˋ*)و

(ノ°ο°)ノ

(´இ皿இ｀)

⌇●﹏●⌇

(ฅ´ω`ฅ)

(╯°A°)╯︵○○○

φ(￣∇￣o)

ヾ(´･･｀｡)ノ"

( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃

(ó﹏ò｡)

Σ(っ °Д °;)っ

( ,,´･ω･)ﾉ"(´っω･｀｡)

╮(╯▽╰)╭

o(*////▽////*)q

＞﹏＜

( ๑´•ω•) "(ㆆᴗㆆ)

颜文字

Emoji

小恐龙

花!