JQuery重点知识笔记

> 第一部分:今日重要内容概述和技术操作【事件调方法】
> 
> 1.什么是JQuery   *JQuery是一个JS的框架(JS的类库)。对传统的JS进行了封装   现在企业的开发中往往不会使用传统的JS进行开发,通常都会使用JS框架进行开发。
> 
> 2.JS的常用框架     *JQuery,ExtJS,DWR,Prototype...
>   
> 3.JQ显示和隐藏     *show()         效果:从左到右逐渐显示   从上到下逐渐显示  渐变显示    *hide()         效果:从右到左逐渐隐藏   从上到下逐渐隐藏   渐变隐藏   *slideDown()    效果:向下滑动
>   *slideUp()      效果:向上滑动     *fadeIn()       效果:淡入   *fadeOut()      效果:淡出
>   
> 4.JS对象和JQ对象的转换    *JS--JQ  $(d1).html   直接用$符号加个()就可以了    *JQ--JS  $d1.get(0)      通过get(0)的方法转换 0
> 5.JQuery的选择器(常用)  *基本选择器      *id选择器          用法:$(#id”) 		*类选择器			用法:$(“.类名”)  .类名的返回值用class接收        *元素选择器          用法:$(“元素名称”) 		*通配符选择器		用法:$(“*”)
>       *并列选择器          用法:$(“选择器,选择器,选择器”)    *层级选择器      *后代选择器          用法:使用空格         *子元素选择器     
>   用法:使用>      *下一个元素          用法:使用+      *兄弟元素           用法:使用~     *基本过滤选择器
>       *:odd               用法:匹配所有索引值为奇数的元素,从 0 开始计数       *:even              用法:匹配所有索引值为偶数的元素,从 0
> 开始计数  *内容选择器      *:contains(text)    用法:匹配包含给定文本的元素
>       *:parent                用法:匹配含有子元素或者文本的td元素     *属性选择器
>       *[attribute]        用法:匹配包含给定属性的元素  *表单选择器      [表单选择器中例如  :input  
> :和input之间不能有空格,否则错误]   带:的选择器都是起到一个匹配查找的作用        *:inpute            用法:匹配所有 input,
> textarea, select 和 button 元素      *:password          用法:匹配所有密码框
>       *:text              用法:匹配所有的单行文本框       *:radio             用法:匹配所有单选按钮
>       *:checkbox          用法:匹配所有复选框      *:submit            用法:匹配所有提交按钮
>       *:image             用法:匹配所有图像域      *:button            用法:匹配所有按钮
>       *:hidden            用法:匹配所有不可见元素,或者type为hidden的元素   *表单属性选择器
>       *:enabled           用法:匹配所有可用元素         *:disabled          用法:匹配所有不可用元素
>       *:checked           用法:匹配所有选中的被选中元素(复选框、单选框等,不包括select中的option)
>       *:selected          用法:匹配所有选中的option元素   toggler(),hover()  ---进行事件的切换.
> JQuery的事件:   [把JS事件中的on去掉就是JQ事件]
>     * click(),change(),submit(),dblclick(),keyUp(),keyDown()...
> 
> 6.JQuery对实行的操作的方法     *prop();新版本的方法   括号里面如果一个参数,可以把prop看成return,就是返回那个参数,如果是两个,就是把前面参数修改成后面的参数
>       *removeProp();    用来删除由.prop()方法设置的属性集          * addClass()     
> 为每个匹配的元素添加指定的类名       * removeClass();  从所有匹配的元素中删除全部或者指定的类
>       
> 7.JQuery的DOM的操作   *常用的方法:         *append();      在某个元素后添加内容      *appendTo();    将某个元素添加到另一个元素后      *remove();      将某个元素移除     
> 
> 8.JQuery的遍历   *遍历方式一:                                             *$.each(objects,function(i,n){             $.each(n,function(j,m){  
> 
>                   })  *遍历方式二:         *$(“”).each(function(i,n){                   $(citys).each(function(i,n){                                
>                                                               })
>       
> 9.JQ事件的总结     JQ事件的总结     *load         某个页面或者图片被完成加载     *click    鼠标点击某个对象  *submit   提交按钮被点击   *focus    元素获得焦点    *blur         元素失去焦点    *change  
> 下拉列表改变事件  *dblclick     双击某个元素的事件   键盘操作事件:
>     *keydown    某个键盘的键被按下     *keyup    某个键盘的键被松开     *keypress     某个键盘的键被按下或按住   鼠标操作事情:
>     *mousemove  鼠标被移动     *mouseout     鼠标从某元素移开  *mouseover  鼠标被移到某元素之上  *mousedown  某个鼠标按键被按下   *mouseup      某个鼠标按键被松开

猜你喜欢

转载自blog.csdn.net/pf503603/article/details/81569499