Web:jQuery

jQuery好处:

1.好处代码量少
2.兼容大部分的浏览器

一般下载的时候有两个版本:
一个开发版本(min) 小
一个测试版本 大
区别:是否去掉注释与空格

使用jquery 的一个基础步骤:
1.第一步新建一个js文件夹,把jquery 文件放入到js中
2.-在头部进行引入jquery 文件
在这里插入图片描述

使用jquery来获取节点:
第一种:jQuery("#tv_text");
第二种: $("#tv_text")
注意点:js 的方法与jquery 的方法不能够互相调用.val() 获取value 值

js 与jQuery 之间的相互转换 ==> Uncaught ReferenceError: $ is not defined 只要是这个错,就是jQuery没有引入

jQuery对象与DOM对象相互转换:

在这里插入图片描述

jQuery 中的准备函数:

在这里插入图片描述

jQuery 中三种基本选择器:

在这里插入图片描述

表单中的属性选择器:

$("[type]"); 获取所有type的元素
$("[type=‘radio’]"); 获取所有type=radio 的元素
$("[type*=‘o’]") 获取到type中包含o的所有的元素
$("[type=‘radio’] [name=‘sex’]");
获取到type=radio 并且name=sex 的元素

enabled $(":enabled")获取所有激活的input属性
disabled $(":disabled")所有禁用的属性
selected $(":selected")
checked $(":checked")
在这里插入图片描述

基本过滤选择器:

$(“div:first”) 获取第一个div元素
$(“div:last”) 获取最后一个
$(“div:even”) 匹配所有索引值为偶数的元素,从 0 开始计数
$(“div:odd”) 匹配所有索引值为奇数的元素,从 0 开始计数
$(“div:eq(1)”) 匹配一个给定索引值的元素
$(“div:gt(1)”) 匹配所有大于给定索引值的元素
$(“div:lt(1)”) 匹配所有小于给定索引值的元素
$(“div:not(div:eq(1))”) 去除索引为1 的元素
在这里插入图片描述

常规查询出是否选择的文本内容:

$(":checked"); 获取到当前复选框中选中的元素
$(":selected") 获取到当前选中的元素
$(":disabled") 获取到当前不可以点击的元素

jQuery 操作样式 :

$(“div”).addClass(“getStr”); $(“div”).removeClass();
在这里插入图片描述

jQuery 做验证:

jquery 的动画效果

show( speed, [callback] )
表示显示 : 第一个是动画持续的时间(以毫秒值为单位) callback 表示回调函数

hide( speed, [callback] ) 参数的意思是一样的

toggle(); 既显示又可以隐藏

slideDown(5000); slideUp(5000) slideToggle(“slow”); 上下

fadeIn() fadeOut() fadeToggle() 淡入淡出的效果

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值