jQuery回顾

最新推荐文章于 2021-01-12 13:37:58 发布

原创最新推荐文章于 2021-01-12 13:37:58 发布 · 183 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery

jQuery 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了jQuery的基本用法，包括如何整合HTML和jQuery，获取和转换DOM对象，页面载入事件，选择器的使用，属性和CSS操作，文档操作，以及各种效果如显示、隐藏、滑动和淡入淡出等。同时，还讲解了遍历对象的方法。

js类库:对原生js常见的方法和对象进行封装,方便使用
html和jquery整合:
       通过script标签src属性
获取jquery对象:
   $("选择器") jQuery("选择器")
dom对象和jquery对象转换
   dom>>>jquery $(dom对象)
   jquery>>>dom
       方式1:
           jquery对象[index]
       方式2:
           jquery对象.get(index)
页面载入:
   $(document).ready(function(){....})
   $(function(){ ...})
事件和js中的事件一样:把on去掉即可
   $("选择器").xxx(function(){...})
选择器:
   $("#id") $(".class") $("元素") $("[属性]") $("[属性='值']")
   a b: 后代 a>b:孩子 a+b:大弟弟 a~b:所有弟弟
   :first :last :odd :even :eq(index)..
   :has('选择器')
   :hidden :visible
   :input
   :checked :selected
属性和css操作:
   attr|prop
       prop("属性"):获取
       prop("属性","值"):设置一个
       prop({
           "":"",
           "":""
       }):设置多个

   removeAttr|removeProp(属性)

   addClass("class名称")
   removeClass("class名称")

   css: 针对style属性
       css("属性"):
       css("属性","值"):
       css({
           "":"",
           "":""
       }):设置多个

   height() width()

对value属性标签体的操作
   xxx():获取
   xxx("笑嘻嘻的说法"):设置

       val():
       html():
       text():

对文档操作:
   内部插入
       append
       prepend

   外部插入
       after
       before

   删除
       empty()清空
       remove()删除
//////////////////////
效果:
   hide() show() toggle()
滑入滑出
   slideDown() slideUp()
淡入淡出
   fadeIn() fadeOut()
////////////////////////
遍历
   方式1:
       jquery对象.each(function(){});
   方式2:
       $.each(jquery对象,function(){});