jQuery小总结(1)

作者: super_girl秘密基地 | 来源:发表于2021-05-23 14:19 被阅读0次

    入口函数:

    $(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(“ ”)  //删除匹配元素的子节点

    相关文章

      网友评论

        本文标题:jQuery小总结(1)

        本文链接:https://www.haomeiwen.com/subject/tbfzjltx.html