- jquery是一个功能强大的第三方库,目前被广泛使用, 微软更是将其作为官方库; 内部封装适配多浏览器,运行速率高于原生
1、写得少,做得多
2、运行速度快
jqurey通过选择器获取标签
$('#myId') //选择id为myId的网页元素
$('.myClass') // 选择class为myClass的元素
$('li') //选择所有的li元素
$('#ul1 li span') //选择id为为ul1元素下的所有li下的span元素
$('input[name=first]') // 选择name属性等于first的input元素
jquery选择器对选择器过滤
1. $('div').has('p'); // 选择包含p元素的div元素
2.$(‘div’).not(‘.myClass’); //选择class不等于myClass的div元素
3.$('div').eq(5); //选择第6个div元素
选择集转移:
$('#box').prev(); //选择id是box的元素前面紧挨的同辈元素
$('#box').prevAll(); //选择id是box的元素之前所有的同辈元素
$('#box').next(); //选择id是box的元素后面紧挨的同辈元素
$('#box').nextAll(); //选择id是box的元素后面所有的同辈元素
$('#box').parent(); //选择id是box的元素的父元素
$('#box').children(); //选择id是box的元素的所有子元素
$('#box').siblings(); //选择id是box的元素的同级元素
$('#box').find('.myClass'); //选择id是box的元素内的class等于myClass的元素 后代
jqurey判断元素有无
- 长度大于0就代表该元素是存在的
- 长度大于0就代表该元素是存在的3.``` $ div = $(“。box”);
jquery样式操作:标签属性操作
1.读和写 通过css
$(“div”).css(“width”)读取
$(“div”).css({“width”:”300px”})写入
2.操作样式类名
1.addClass 添加某个类的属性
2.removeClass 移除一个或者多个类的属性
3.toggleClass 重复切换某个类的属性(如果有该属性就删除了,如果没有就添加)
绑定click事件:
1.$('#btn1').click
2.获取元素的索引值index()
3.$(this) 使用的是jquery对象
Jquery的动画
$(‘#div1’).animate(style,speed,easing,callback)
speed - 设置动画的速度,毫秒.normal,fast,slow
easing - 规定要使用的 easing 函数,swing,linear
callback- 规定动画完成之后要执行的函数