JAVAWEB jQuery 应用&选择器

最新推荐文章于 2024-03-17 00:16:13 发布

是小李同学呀~

最新推荐文章于 2024-03-17 00:16:13 发布

阅读量1k

点赞数 1

本文链接：https://blog.csdn.net/qq_38557784/article/details/123655087

版权

jquery的应用

jQuery是JavaScript的一个轻量级框架，
在这里插入图片描述

注意：导入js文件需要放在一个script中，函数需要放在另一个script中，不可以放在一起！！！

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	
	<body>
		<input type="button"  id="btn" value="点击" />
	</body>
	<script src="01.js"></script>
	<script >
	console.log("运行1");
		$(function(){
			console.log("运行2");
			var $btn=$("#btn");//#代表id选择器
			console.log("运行3");
			$btn.click(function(){//绑定事件
				console.log("运行4");
				alert("jq点击显示");
			})
		})
		
	</script>
</html>

预加载和入口函数的区别
在这里插入图片描述
js对象和jQuery对象相互转换

jQuery的几种用法：

获取/设置值的用法
1、使用jQuery如何获取/设置value值

val():获取value值
val(内容)：设置value值

2、如何使用jQuery获取/设置标签内容的值

html():获取内容，包含内容
html(内容)：设置内容值
text():获取内容值，不包含标签
text(内容)：设置内容值

3、如何操作属性

attr("属性名")：获取属性内容
attr("属性名","属性值"):设置属性
设置多个属性：attr({
"属性名","属性值",
"属性名2","属性值2",
"属性名3","属性值3",
})
removeAttr("属性名"):移除属性

4、如何操作css样式

.css("样式名"):获取某个样式的值
.css("样式名","值"):设置某个样式的值

jQuery选择器的使用

基本选择器、层次选择器、过滤选择器和表单选择器。

基本选择器

在这里插入图片描述

层次选择器

在这里插入图片描述
注：each()函数是jQuery的遍历
语法

$("XXX").each(function(){

})

基本过滤器

在这里插入图片描述

内容过滤器

在这里插入图片描述

可见性过滤器

在这里插入图片描述

display:none 表示一个隐藏元素
show():显示隐藏元素
hide():显示的元素隐藏

子元素过滤器

在这里插入图片描述

属性过滤器
表单选择器

表单对象属性过滤器

是小李同学呀~

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JAVAWEB jQuery 应用&选择器

jquery的应用jQuery是JavaScript的一个轻量级框架，注意：导入js文件需要放在一个script中，函数需要放在另一个script中，不可以放在一起！！！<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="button"
复制链接

扫一扫