jQuery初级

最新推荐文章于 2024-07-11 16:52:21 发布

花小猪

最新推荐文章于 2024-07-11 16:52:21 发布

阅读量97

点赞数

文章标签： html5 jquery

本文链接：https://blog.csdn.net/weixin_46244909/article/details/115055647

版权

jquery教程(初级)
安装jQuery
百度cdn
<head>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
</head>

基本语法:
$(选择符).action()

文档就绪事件
$(document).ready(function(){
	//开始写代码
});

简洁写法:
$(fonction(){
	//开始写jQuery 代码...
});

jQuery的选择器:
元素选择器:$("p")

#id选择器
$("#id")

.class选择器
$(".text")

独立文件使用jQuery函数
jQuery的事件函数:鼠标事件:click dblclick ...
				键盘事件:keypress keydown...
				表单事件:submile change...
				文档/窗口事件:load resize...

jquery事件方法语法:
$("p").click();

下一步你可以定义什么时间触发事件
$("p").click(function(){
	//动作执行后执行代码
})

jQuery获取内容和属性
jQuery DOM操作
	text() - 设置或返回所选元素的文本内容
	html() - 设置或返回所选元素的内容（包括 HTML 标记）
	val() - 设置或返回表单字段的值
	attr() 方法用于获取属性值。

	append() - 在被选元素的结尾插入内容
	prepend() - 在被选元素的开头插入内容
	after() - 在被选元素之后插入内容
	before() - 在被选元素之前插入内容

花小猪

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery初级

jquery教程(初级)安装jQuery百度cdn<head><script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script></head>基本语法:$(选择符).action()文档就绪事件$(document).ready(function(){ //开始写代码});简洁写法:$(fonction(){ //开始写jQuery 代
复制链接

扫一扫