Jquery

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”);

具体的选择操作