什么是jQuery
- jQuery其实就是就是一堆js函数(js库),也是普通的js。
为什么要用jQuery
- jQuery面向用户良好的设计使得在使用过程中彻底解放了你的记忆原生操作DOM的接口。
- jQuery中大量可复用的函数和发展过程中常年累计下来的插件库,可以极大简化javascript开发
- jQuery在半数以上并没有复杂交互的网站中得以大面积使用,因为他们需要的仅仅是一些兼容极低浏览器而又呈现炫酷效果动画的页面(jQuery出到3,但大公司PC端依然使用1.x版本、移动端2.x版本)
- jQuery改变了数百万人编写JavaScript的方式,当然部分人已经觉得时过境迁,组件化、工程化、大行其道,但请不要忘记他(js)的前端开发者的启蒙意义!且很多公司项目依然需要他,所以笔面试必回!
jQuery注意点
- jQuery只是辅助工具,不能完全替代js,二者并存当方式出现在项目中
- jQuery很庞杂,要会使用,但应重学思想
- jQuery方法很多,按需学习,把常用的有价值的学会
- jQuery api 可以现查现用
引入jQuery工具库
- cdn:http://www.jq22.com/cdn/#a2
- 下载地址:http://www.jq22.com/* jquery-info122
- 中文文档: https://www.jquery123.com
jQuery使用-起步
核心全局函数
撸代码从选择开始
- 选择元素:
- $():此函数可以传递多种参数,返回值是对象(jq对象)
- 参数规则:
- css selector 可以放css的类型
- jquery unique 特有规则获取元素
- selector null、undefined、dom 传递css类名,null,标签
- $(function(){}) $(document).ready()
- css selector和context 放两个参数
- http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp
实例方法
$('div').css({width: 100, height: 100, backgroundColor: 'red'});
$('.wrapper ul li'.css({width: 100, height: 100, backgroundColor: 'orange'});
$('li[data="Zhou"]'.css({width: 100, height: 100, backgroundColor: 'blue'});
$('')
window.onload = function(){
consoe.log('我是第几呢')
}
$(function(){
console.log('我是第几呢?');
})
$(document).ready(function(){
console.log('我和上面是一样的');
})
$('ul','.wrapper')