jQuery
一、概念
学习东西分为2大步:先脉络后细节
库:对于原生的东西进行的封装;框架:对封装的东西或者原生东西的进一步综合;插件:提供某些功能
另外类库和插件是非常容易切换的,而框架的切换就相当于重新做。
jQuery:就是一个普通的js的文件,其中封装了很多实用而强大的功能函数和很多兼容的方法,便于记忆和使用。
好处:写的少,做的多(write less Do more)
http://jquery.com/ 官网
二、关于jQuery的版本问题
1.x 建瓯让性比较好,可以兼容到ie6+
2,x 3.x只能兼容到ie8+
因此,大多数我们使用的是1.x,另外开发版,无压缩版是可以看注释的,在CDN上是有,我们可以直接饮用CDN上的,进行开发
大多数 CDN 都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。
三、关于jQuery的选择器和方法
1、选择器
$("#id值")这个是idd的选择器,返回的对象值是一个
$(".class")这个是类选择器,这个返回的对象是一个数组
$("p")这个是标签选择器,这个返回的对象也是一个数组
$("*")这个是通配符选择器,这个返回的对象是页面中的所有的dom元素包装的jQuery对象
$("li,div,p")这个是丙级选择器,这个返回的也是一组对象
$("div[id=box]")这个是属性选择器,也是一个或者是一组对象
2、常用的方法
.text() 用于设置和获取标签中的文本内容 类似于innerText textContent
.val() 用于设置和获取input的值 类似于value
.css() 用于设置元素的样式 类似于style的行内样式
.html( ) 可以设置和获取元素内部的html代码 类似于innerHTML
3、关于加载方法
jQuery
$(document).ready(function(){
// 执行代码
});
或者
$(function(){
// 执行代码
});
原生js
window.onload = function(){
//执行代码
}
jQuery 入口函数与 JavaScript 入口函数的区别:
1、 jQuery 的入口函数是在 html 所有标签(DOM)都加载之后,就会去执行,如果有两个这样的方法则顺序执行,不会覆盖。
2、 JavaScript 的 window.onload 事件是等到所有内容,包括外部图片之类的文件加载完后,才会执行,如果有两个,只会执行最后一个,前一个会覆盖后一个。
4、dom元素和jQuery元素的相互转化
1>dom转化成jQuery对象$(dom)
2>jQuery转化成dom对象 1》jQuery.get(0) 2》jQuery[0]
5、window.jQuery = window.$ = jQuery