简单的记录下我从书上学到的一些基础的JQuery,避免记性差忘了。
1.js更改元素内容是通过.innerHTML,而jquery是通过.html()/.text()
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<body>
<div class="top"></div>
<div class="center"></div>
<div class="bottom"></div>
</body>
<script>
$(".top").text("您好!");
$(".center").text("这是我的第一个博客");
$(".bottom").html("<i>希望你能关注我</i>")
</script>
</html>
.html()跟.text()区别是:html()里边可以添加其他标签,text()只能添加文本
2.trim()方法是用于剪切两端空格
3.更改元素样式 css(“样式名称”,“样式值”)
$(".top").css("color","red");
4.添加事件
<button type="button" id="button">点击</button>
<script>
$("#button").click(function(){
alert("hello");
})
</script>
5.页面加载
$(document).ready(function(){
alert("好了");
});
$(function(){
alert("ok");
});
以上两个都是页面加载,第二个是简化版