Jquery的 总体思想:用最少的代码实现更多的事件
为什么使用jQuery
js选择器功能弱
js中DOM操作繁琐之极
js浏览器兼容性不好
js动画效果弱
$(function)的作用:
1.相当于 window.onload=function(){}
2.功能比window.onload更强大
window onload一个页面只能写一个,但是可
以写多个$() 而不冲突
window onload要等整个页面加载完后再执
行(包括图片、超链接、音视频等),
但是$的执行时间要早
js对象和jquery对象的相互转换
js-------->jquery $(js对象) 这样就可以js对象转化为jquery对象
Jquery-------> jquery对象[ index下标 ]通过下标转化为js对象
Jquery中的选择器
id选择器 $("#id")
元素选择器 $["元素的类型"]
类选择器 $[" .类名"]
通用选择器 $[" * "]
后代选择器 $[" ul li "]
直系后代选择器 $[" ul li "]
jquery中获取属性的值 attr 和val() 的区别
对象 点 attr ("value()") 获取元素固有的属性值
对象 点 val() 获得元素实时更新的属性值
$(":input")和$("input");这两个选择器的区别是什么?
$(":input"):获取表单中的所有对象
$("input")获取表单中的input对象
修改属性的样式
如果要操作一个盒子的样式给盒子的id为 div1
先获取盒子对象var div1 = $(“div1”);
操作样式1
div1.css(“width”,”具体的值”);
Div1.css(“height”,”具体的值”);
Div1.css(“background-image”,”图片路径”)
操作样式2 综合操作
Div.css({‘width’:’具体的值’,‘height:’具体的值’});
操作样式3
通过定义一个div2类 来给div1增加样式
var div1 = $(“div1”);
Div1.attr(“class”,”div2”);或div1.addClass(“div2”);
具体的选择操作