登录免费注册

首页  思维导图  详情



 



jQuery

jQuery

2016-09-24 14:59:36   0  举报





仅支持查看

AI智能生成

JQuery

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

 Collect

Get Started

jQuery

 Collect

Get Started

Jquery 基础知识点总结

 Collect

Get Started

jquery

 Collect

Get Started

JQuery













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document