jquery的基础语法

原创 2018-11-08 16:40:42 156
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style> div{height: 100px;width: 100px;background: pink;} </

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<style>

div{height: 100px;width: 100px;background: pink;}


</style>

<body>

<div></div>

<button id="btn1">隐藏</button>

<button id="btn2">显示</button>

</body>


<script src="../js/jquery-1.11.1.min.js" type="text/javascript"></script>

<script>

//文档就绪函数

$(document).ready(function(){

//选择器

$("#btn1").click(function(){

$("div").hide()

})


$("#btn2").click(function(){

$("div").show()

})

})

</script>

</html>

  1. 文档就绪函数$(document).ready(function(){}

  2. 选择器$(selector).action()     ①$定义变量     ②选择符(selector)查找 HTML 元素    ③action() 执行对元素的操作    

  3. 选择器的使用   $(选取的元素).事件名

批改老师:灭绝师太批改时间:2018-11-08 16:41:45
老师总结:总结的很好,相信课余时间,有看资料,非常棒!

发布手记

热门词条