入口函数:
$(document).ready(function(){ })
$(function(){ })
jquery对象只能使用jquery方法,DOM对象只能使用原生的javascript属性和方法
jquery获取的对象是伪数组形式
获取jQuery集合的某一项( eq( )与get( ) )的区别:【都是通过索引来获取的】
eq( )方法返回的是jQuery对象 【例如 $('div').eq(0)[0]】
get( ) 方法返回的是DOM对象 【例如 $('div').get(0)】
隐式迭代:遍历内部DOM元素 ,以伪数组的形式存在
添加类:addClass(" ")
移除类:removeClass(" ")
切换类:toggleClass(" ")
原生JS里面操作类名className会覆盖掉原先的类名,而jquery的优点就是用addClass不会覆盖原先的类名,是追加类名,不影响原先的类名
事件切换:hover( ) 相当于鼠标触碰切换
动画会有排队的效果,多次触发会排队出现,用stop()方法去停止动画,用在动画的前面停止上一个动画的执行
动画:
滑动效果:slideDown( )、slideUp( )、slideToggle( )
淡入淡出效果:fadeIn( )、fadeOut( )、fadeTo(speed, spacity)【修改不透明度】、fadeToggle( )
animate( { }, speed ) 以对象的形式修改,写在花括号里
获取属性值或修改属性值的方法:
获取或修改固有属性:prop( ) 【例如 href checked type】
获取或修改自定义属性:attr( ) 【例如 index h5的一些date-index】
数据缓存:date( ) 修改后的属性是存放在元素内存里的,相当于变量,不会出现在原有标签里
获取元素的内容:
含有标签:html( )
不含标签,只显示内容:text( )
获取或修改表单里面的值:val( )
toFixed(2) 保留两位小数
substr( ) 截取字符串
parent( ) 返回元素的亲父亲;parents( ) 返回元素的所有祖先元素
遍历DOM对象用$(element).each( function ( index, domele ) { } )
遍历数据或数组或对象用$.each( ele,function(index, ele){} )这个方法
创建元素:var li = $(<li></li>)
添加元素:
内部添加(父子关系):$('ul').append(li) 【添加到元素的后面】 $('ul').preappend(li) 【添加到元素的前面】
外部添加(兄弟关系):$('').after(li) 【添加到元素的后面】 $('').before(li) 【添加到元素的前面】
删除元素:
$().remove() //删除匹配的元素
$().empty() //删除匹配元素的子节点
$().html(“ ”) //删除匹配元素的子节点
网友评论