jQuery
2016-09-24 14:59:36 0 举报AI智能生成
JQuery
作者其他创作
大纲/内容
简介
JavaScript 框架
write less, do more
优势
省时
简化一般JavaScript任务
易用
浏览器兼容
应用
下载引用 jQuery 文件
引用 CDN jQuery 文件
基本语法
$ ( "选择器" ). 事件 ( function ( ) { } );
选择器
按 ID 选择
$ ( "#id" )
按 class 选择
$ ( ".class" )
按元素名称选择
$ ( "div" )
按属性过滤
$ ( "tag [属性='值' ] " )
事件
语法
$ ( ).click ( function ) { } );
$ ( ).bind ( "事件名" ,function ( ) { } );
鼠标
click 单击
dblclick 双击
hover 鼠标经过
mouseenter 鼠标进入
mouseleave 鼠标离开
键盘
keypress 按键按下
keydown
keyup
表单
change ( ) 值改变时
focus ( ) 获取焦点时
blur ( ) 失去焦点时
submit ( ) 提交时
文档
ready ( ) 文档准备完毕时
方法链
$ ( ).action( ).action( );
特效
显示 / 隐藏
hide ( ) 隐藏
show ( ) 显示
toggle ( ) 切换
参数 ( 时间 , callback )
淡入 / 淡出
fadeout ( ) 隐藏
fadein ( ) 显示
fadeToggle ( ) 切换
卷 起
slideDown ( ) 隐藏
slideUp ( ) 显示
slideToggle ( ) 切换
动 画
animate ( )
width 宽
height 高
margin 外边距
padding 内边距
opacity 透明度
top 上
left 左
color 颜色
background-color 背景色
$ ( ).animate( { css属性 }.duration.callback );
元素操作
获取与设置
text ( ) 获取文本
text ( "文本" ) 设置文本
html ( ) 获取html 元素
html ( "html" ) 设置html元素
attr ( "属性名" ) 获取属性
attr ( "属性","值" ) 设置属性
val ( "属性" ) 获取表单元素值
val ( "属性","值" ) 设置表单元素值
元素插入
append ( ) 追加到后面
prepend ( ) 追加到前面
before ( ) 追加到元素标签前面
after ( ) 追加到元素标签后面
wrap ( ) 元素外加上标签
删除元素/属性
empty ( ) 清空标签内内容
方法 remove ( ) 删除元素
unwrap ( ) 解除元素外标签
removeAttr ( "属性" ) 删除属性
样式操作
addClass ( "class" ) 添加样式
removeClass ( "class" ) 删除样式
toggleClass ( "class" ) 切换添加删除样式
css ( "属性","值" )
AJAX
0 条评论
下一页
