ID选择器{$(\'#ID\')}类选择器{$(\'.class\')}标签选择器{$(\'div\')}属性选择器{$(\"[属性名=\'值\']\") //等于值$(\"[属性名^=\'值\']\") //开头$(\"[属性名$=\'值\']\") //结尾$(\"[属性名*=\'值\']\") //包含}位置选择器{$(\"selector:fitst\") //第一个$(\"selector:last\") //最后一个$(\"selector:odd\") //奇数$(\"selector:even\") //偶数$(\"selector:eq(n)\") //选择第n个$(\"selector:gt(n)\") //大于第n个,不包括第n个$(\"selector:lt(n)\") //小于第n个,不包括第n个}后代选择器{$(\"selector li\")}子代选择器{$(\"selector>li\")}遍历{$(\"selector\").each(function(){...});}$(\"selector\").find(\"selector\") //找子元素$(\"selector\").not(\"selector\") //去除元素$(\"selector\").add(\"selector\") //添加元素元素宽高、窗口宽高{$(选择器).width() //包含内边距的宽度$(选择器).innerWidth() //不包含内边距的宽度$(选择器).outerWidth() //包含外边距的宽度$(选择器).height() //包含内边距的高度$(选择器).innerHeight() //不包含内边距的高度$(选择器).outHeigth() //包含外边距的高度$(window).width() //浏览器的宽度$(window).height() //浏览器的高度}内容操作{$(选择器).val(); //文本框值$(选择器).html(); //不过滤HTML标签$(选择器).text(); //过滤HTML标签,只获取文本}属性操作{$(选择器).attr(属性名,值)//单个值获取属性,两个值设置属性}事件绑定与去除{$(选择器).事件名(函数)//删除函数$(选择器).unbind(事件名, 函数)//添加事件$(选择器).unbind(事件名, 函数)//删除事件}标签样式操作{$(选择器).css(样式属性名,值);$(选择器).addClass(类别样式名);$(选择器).removeClass(类别样式名);$(选择器).toggleClass(类别样式名);}节点造作{$(选择器).append(html标签); //最后添加子元素$(选择器).empty(); //删除所有子元素$(选择器).remove(); //删除节点$(选择器).before(); //之前添加(兄弟)$(选择器).after(); //之后添加(兄弟)}标签动画{$(选择器).animate({params}JS串,speed速度,callback回调函数)$(选择器).slideDown(speed速度,callback回调函数)$(选择器).slideUp(speed速度,callback回调函数)$(选择器).show(speed速度,callback回调函数)$(选择器).hide(speed速度,callback回调函数)}$(选择器).mousemove(function(e)){e.pageXe.pageY}
Jquery基础快速学习(精简笔记)
未经允许不得转载:爱站程序员基地 » Jquery基础快速学习(精简笔记)