AI智能
改变未来

Jquery基础快速学习(精简笔记)

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}
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » Jquery基础快速学习(精简笔记)