一、jQuery入门
1.jQuery的基础语法结构
$(selector).action()
其中美元符号$表示jQuery语句，选择符selector用于查询HTML元素，action()需要替换为对元素某种具体操作的方法名。
2.jQuery文档就绪函数用法
为了避免文档在加载完成前就运行了
jQuery
代码导致潜在的错误，所有的
jQuery
函数都需要写在一个文档就绪（
document ready
）函数中。例如当前
HTML
页面还没有加载完，因此某
HTML
元素标签可能还无法查询获取。
$(document).ready(function(){
文档就绪函数：
jQuery函数内容
});
3.jQuery名称冲突的解决方案
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery自定义名称代替$符号</title>
<script src="./js/jquery-3.6.1.min.js"></script>
</head>
<body>
<h3>jQuery自定义名称代替$符号</h3>
<hr>
<button>
测试jQuery别名
</button>
<script>
var jq=jQuery.noConflict();
jq(document).ready(function(){
jq("button").click(function(){
alert("jQuery的别名生效了！");
});
});
</script>
</body>
</html>二、jQuery HTML DOM
1.jQuery获取和设置相关函数的使用
①jQuery text()
例如：<p id="test01">hello</p>
使用$(p#test01).text();可以获取文本内容
又例如：
<div id="container">
<p>
element<i>1</i>
</p>
<p>
element<strong>2</strong>
</p>
</div>
使用$(div#container).text();可获取文本内容
例子：
②jQuery html()
该方法调用的是JavaScript原生属性innerHTML。
例如：
又如：
使用$("div.test").html()
③jQuery val()
④jQuery attr()
⑤jQuery css()
2.jQuery 添加相关函数的使用
3.jQuery删除相关函数的使用
①jQuery remove（）
②jQuery empty（)
③jQuery removeAttr（）
4.jQuery类属性设置相关函数的使用
①jQuery addClass（）
②jQuery removeClass（）
③jQuery toggleClass（）
5.jQuery尺寸相关系列函数的使用
扫一扫
843
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
