day04
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() 淡入淡出的效果