jquery学习总计

1,jquery的基础语法

  $(selector).action();

  选择器(selector)查询和查找html元素,action()执行对函数的操作。

2.选择器

  id,类,类型,属性,属性值等查找html元素。它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。jQuery 中所有选择器都以美元符号开头:$()。

  $("ul li:first")。选取第一个ul元素的第一个li元素。

  $("ul li:first-child")。选取每个 <ul> 元素的第一个 <li> 元素.

  $("[href]")。选取带有href属性的元素。

  $("a[target='_blank']")。选取所有target等于_blank的a元素。

  $("a[target!='_blank']")。选取所有target属性不等于_blank的a元素。

  $(":button")。选取所有button元素和type="button"的input元素。

  $("tr:even"),$("tr:odd")。选取偶数位置的tr元素,选取奇数位置的元素。

3.事件

  鼠标事件。click单击。dblclick双击。mouseenter鼠标进入。mouseleave鼠标离开。

  表单事件。submit提交。change改变。focus获取焦点。blur失去焦点。

  文档/窗口事件。load加载。resize浏览器窗口调整大小进行计数。scroll滚动计数。unload不加载。

  click单击事件。dblclick双击事件。mouseenter鼠标指针穿过元素时会发生mouseenter事件。

mouseleave鼠标指针离开元素时,会发生mouseleave事件。mousedown事件,鼠标指针移动到元素上方,并按下鼠标按键时,会发生mousedown事件。mouseup当在元素上松开鼠标按钮时,会发生mouseup事件。

4.jquery效果

  $(selector).hide(speed,callback);可选的speed参数规定隐藏/显示的速度,可以取以下值:slow,fast或毫秒。可选的callback参数是隐藏或显示完成后所执行的函数名称。

  fadeTo()方法允许渐变为给定的不透明度(值介于0与1之间)。

  $(selector).fadeTo(speed,opacity,callback);

  

必需的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。

fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度(值介于 0 与 1 之间)。

可选的 callback 参数是该函数完成后所执行的函数名称。

5.jquery动画  animate()方法

  jquery animate()方法用于创建自定义动画。

语法:$(selector).animate({params},speed,callback);

必须的params参数定义形成动画的css属性。

  jquery stop()方法用于停止动画或效果,在他们完成之前。

  stop()方法适用于所有jquery效果函数,包括滑动,淡入淡出和自定义动画。

语法:$(selector).stop(stopAll,goToEnd);可选的stoAll参数规定是否应该清除动画列队。默认是false,即仅仅停止活动的动画,允许任何排列入队的动画向后执行。可选的goToEnd参数规定是否立即完成当前动画。默认是false。

6.jquery-链(chaining)

通过jquery,可以把动作/方法链接在一起。

chaining允许我们在一条语句中运行多个jquery方法(在相同的元素上)。

7.jquery获取内容和属性

  jquery dom操作非常重要的部分就是操作dom的能力。

  获取内容-text(),html(),val()。

    text()设置或返回所选元素的文本内容

    html()设置或返回所选元素的内容(包括html标记)

    val()设置或返回表单字段的值。

8.添加新的html内容

  append()在被选元素的结尾插入内容

  prepend()在被选元素的开头插入内容

  after()在被选元素之后插入内容

  before()在被选元素之前插入内容

  remove()删除被选元素(及其子元素)

  empty()从被选元素中删除子元素

  addClass()向被选元素添加一个或多个类

  removeClass()从被选元素删除一个或多个类

  toggleClass()对被选元素进行添加/删除类的功能

  css()设置或返回样式属性

8.jquery尺寸

  width()方法设置或返回元素的宽度(不包括内边距,边框或外边距)。

  height()方法设置或返回元素的高度(不包括内边距,边框或外边距)。

  innerWidth()方法返回元素的宽度(包括内边距)。

  innerHeight()方法返回元素的高度(包括内边距)。

  outerWidth()方法返回元素的宽度(包括内边距,边框)。

  outerHeight()方法返回元素的高度(包括内边距,边框)。

  outerWidth(true)方法返回元素的宽度(包括内边距,边框,外边距)。

  outerHeight(true)方法返回元素的高度(包括内边距,边框外边距)。

 

  

posted @ 2017-02-18 09:55  明烟雨任  阅读(253)  评论(0编辑  收藏  举报