基本选择器

ID

class

标签

*

组合选择器

筛选器

siblings

children

parent

first()

last()

eq

gt

lt

$().not(条件)

$().has(条件)

:input

:checkbox

:submit

:password

操作

样式操作

  -addclass

  -removelass

  -toggleclass

  -css

文本操作

  -text()--》文本类容

  -html()--》标签内容

  -val()--》input

-属性

-attr()--》自定义属性,img的src

-prop()--》checkbox和radio

事前

.on('click',function(){})‘’,function(){})

文档加载完成后执行的

$(document).ready(function(){})

文档操作

-clone

时间委派

用于给未来的标签绑定时间

$(‘选择器(必须是文档加载完后存在的)’).on('click','选择器(可以根据前面的标签找到)',function(){})

文档加载完后执行的

$(docunment).ready(function(){})

文档操作

-clone(true)

-$(a).after(b)

-$(a).insertafer(b)

-before

-insertbefore

-append

-appendTo

-$(a).prepend(b)

-$(a).prependto(b)

 

-remove()

-empty()

 

动画

-show 

-hide

-toggle

-slideup()本质上操作的是元素height

-slideDown()

-slideToggle()

 

-fadeIn()本质上操作是的元素的opacity

-fadeOut()

-fadeTO()

-fadeToggle()

 

-animate()xx前任

-补充知识点

.each

$.each

  return false;

.data

 

今日概要

-插件

$.fn.extend({

xxx:funcion(){

//给jquery对象添加扩展--》$().xxx()

**注意**

this-表示我当前操作的这个对象-》jquery对象

$.extend({

xxx:function(){

//给jquery

 

posted @ 2017-11-20 20:40  程绩  阅读(96)  评论(0编辑  收藏  举报