jquery基础语法--学习总结

Original 2018-11-27 11:02:19 225
abstract:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jquery基础语法</title> <script type="text/javascript" src="j
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery基础语法</title>
<script type="text/javascript" src="jquery/jquery-3.3.1.min.js"></script>
<!--  <script type="text/javascript">
// $(selector).action()
// $是声明jquery变量的关键字,相当于JS中的var操作符
// selector为选择器,是指需要进行操作的对象(查询或查找HTML元素)
// action()具体操作和处理(执行对元素的操作)
</script> -->
</head>
<body>
<script type="text/javascript">
//$(选择器).action()操作方法
$(document).ready(function(){
// $str = "我是一个声明变量"
// alert($str);

//获取到HTML中的DIV元素后面的点hide是jquery的方法那么以下实现隐藏的效果
$("div").hide()
//获取到按钮元素后执行操作方法
$("button").click(function(){
//让DIV显示
$("div").show()
})

})
</script>
<div style="width: 100px;height: 100px;background: pink;"></div>
<button>点击</button>
</body>
</html>


Correcting teacher:韦小宝Correction time:2018-11-27 11:22:46
Teacher's summary:写的还可以!比较精简!课后还得多多练习哦!继续加油吧!

Release Notes

Popular Entries