jQuery

初识jQuery

简介

jQuery是一个快速、简洁的JavaScript框架，它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。支持jQuery的浏览器：FirefoX 2．0+ 、Internet Explorer 6+、Safari 3+、Opera 10．6+、Chrome 8+。

定义对象

获取对象的方法：
var box = $(‘div’)—>标签
var box = $(’.box’)—>类名
var box = $(’#box’)—>id
父子级的获取元素
var spans = $(’.box span’)
var spanss = $(‘span’,’.box ‘)
更改样式：
box.css(‘background-color’,’#fff’);
$(’.n3’).css(‘background-color’,’#fff’);
$(’.box:nth-child(4)’).css(‘background-color’,’#fff’);
原生结合jQuery一起实现样式（不鼓励采用）：
var box = document.getElementByTagName(‘div’)
$( box ).css(‘background-color’,’#fff’)
生产节点：
var jqDom = $(’< div >’< /div >)
文档加载
$( document ).ready( function(){} )

选择器

var box = $(’.box’);
box.css(‘background-color’,‘red’);
box.first().css(’’,’’) 第一个
box.last().css(’’,’’) 最后一个
box.not().css(’’,’’) 不是…的都…
box.filter(’.n2’).css(’’,’’) 过滤
$(’.n3’).next().css(’’,’’) 下一个
$(’.n3’).prev().css(’’,’’) 上一个
$(’.n3’).siblings().css(’’,’’) 除了…都…

事件对象

点击事件< 其他事件类似>
$(‘div’).on(‘click’,function(){
})
$(‘div’).click(function(){
})

jQuery API