> 第一部分:今日重要内容概述和技术操作【事件调方法】
>
> 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 某个鼠标按键被松开
JQuery重点知识笔记
最新推荐文章于 2022-09-16 14:43:31 发布