【jquery】 API讲解 内部培训资料
资料在百度云盘
一、jquery API讲解
1、jquery api如何使用
jquery api
http://www.hemin.cn/jq/
2、常用api讲解
选择器:
通过$()获取jquery对象的常用方式:
#div1 根据元素id获取
.red 根据class获取
div 根据标签名字获取
#div1 ul li input 混合模式
li.red 查找带red这个class的li
input[type=button] type值为button的input
li:first 所有li中的第一个
li:last 所有li中的最后一个
li:eq(2) 所有的li中的第2个
li:lt(4) 所有li中第4个以前的li
li:gt(4) 所有li中第4个以后的li
li:odd 所有li中的奇数li
li:even 所有li中的偶数li
属性:
attr(name) 获取属性值(主要用来设置可见属性)
attr(name, value) 单个设置属性
attr(obj) 批量设置属性
prop(name) 获取属性值(主要用来设置/获取不可见属性)
prop (name, value) 单个设置属性
prop (obj) 批量设置属性
removeAttr(name) 删除属性
addClass(className) 增加class
removeClass(className) 删除class
html() 获取节点的html的值
html(htmlContext) 把该节点的html设置为htmlContext
text() 获取节点的文本的值
val() 获取节点的value值,这个方法主要针对表单一类的元素,因为它们大部分都有value属性
val(valContext)设置节点的value值(针对的是input、button等表单元素的value属性的设置和获取)
css(name) 获取该元素的
css(name, value) 设置单个css属性
css({name1:value, name2:value…..}) 批量设置css属性
height() css获取/设置的高度
width() css获取/设置的高度
innerHeight() 获取内高度,包括padding,不包括border
innerWidth() 内宽度
outerHeight() 盒模型高度
outerWidth() 盒模型宽度
文档处理:
参考jquery api
内部插入
A.append(B) A的内部插入B,B作为最后一个子节点
A.appendTo(B) B的内部插入A,A作为最后一个子节点
A.prepend(B) A的内部插入B,B作为第一个节点
A.prependTo(B) B的内部插入A,A作为最后一个节点
外部插入
A.after(B) A节点的后边插入B,A和B是同级的
A.before(B) A节点的前边插入B,A和B是同级的
A.insertAfter(B) B节点的后边插入A
A.insertBefore(B) B节点的前边插入A
删除
empty() //清空该对象下的所有html
remove() //删除该jquery对象
筛选
参考jquery api
eq()
hasClass()
children()
find()
next()
nextAll()
prev()
peevAll()
二、js array、string、Date、Number对象讲解
js数据类型:
字符串:string
数字:number
布尔:boolean
undefined
复合类型:object function
typeof
出现undefined的两种情况
1、定义了没有赋值
2、typeof a根本就没有定义
3、函数没有返回值
4、访问一个不存在的属性
5、return ;
instanceof
null和undefined的区别
两者都是空
typeof null 是 object
typeof undefined 是 undefined
数组typeof也是object
数组去重
数组排序
json对象和字符串的转换
1、JSON.parse() IE8+要求字符串格式严格, 区别下面两个:
‘{“name”:”myname”, “sex”:23}’
‘{name:”myname”, sex:23}’
2、eval(“(” +jsonStr +“)”)
3、new Function(“return ”+jsonStr);
注入攻击:
alert(eval("document.body.style.background='red';12+4"));
alert(new Function("return document.body.style.background='red',12+4")());
搜javascript,然后点击它下面的json2.js
三、jquery事件绑定(on和delegate)
添加事件:
on、delegate on是最新的方法 1.7开始取代delegate
解除事件:
off、undelegate
四、jquery实战、插件写法
jquery有一个好处就是支持插件扩展机制,通过这个方法,我们可以给jquery增加一些新的功能。
比如我们平时用的dialog,轮播,选项卡,菜单插件等,都是通过jquery插件机制来写的。
我们一般需要什么插件,在网上一般都能搜到,但也存在一下的一些问题:
1、有些插件的功能不适合业务需求。
2、大多功能齐全的插件都比较大,而我们的业务需求可能仅用到它的一部分功能,导致资源浪费。
3、修改起来比较有难度:代码的维护、升级、团队协作
4、一些插件里可能存在安全隐患。
5、插件的增加对依赖项及本身的加载、维护都会增加相应的成本。
自定义select框
面向对象,继承
if中为false的情况:
false,0,"",null, undefined, NaN
五、写一个js文件的步骤(用prototype的方式来开发)
【jquery】 API讲解 内部培训资料的更多相关文章
- asp.net web api内部培训资料
最近在公司进行了一次asp.net web api的分享吧,不算是培训. 可能大家有些人对Web API的推出目的还不是很了解,可以看看微软官方的定义,其实是为了提供一个好的REST Service方 ...
- 华为公司内部培训资料_介绍RTSP的消息、信令等
https://wenku.baidu.com/view/b10415dabd64783e08122b9c.html
- Jquery API学习笔记
学习网站 JQuery API 中文网: http://www.jquery123.com/ 学习一遍API可以更熟练的运用jquery并且拓展思路. 这里只挑选了一些我认为在开发中会用到的一些API ...
- JAVA培训资料
JAVA培训资料 一.Java语言 1.面向对象的三个基本特征 2.方法重载和方法重写的概念和区别 3.接口和内部类.抽象类的特性 4.文件读写的基本类 **5.串行化的注意事项以及如何实现串行化 6 ...
- 公司内部培训AlwaysOn PPT分享
公司内部培训AlwaysOn PPT分享 下载地址: http://files.cnblogs.com/files/lyhabc/alwayson.ppt
- 公司内部培训SQL Server传统索引结构PPT分享
公司内部培训SQL Server传统索引结构PPT分享 下载地址 http://files.cnblogs.com/files/lyhabc/SQLServer%E4%BC%A0%E7%BB%9F%E ...
- Android用路径api在内部存储读写文件
复制并修改原有项目 复制之前创建的项目CC+CV操作 需要改动的地方: * 项目名字 * 应用包名 * R文件重新导包 接着修改件/AndroidManifest.xml中的包名:package=&q ...
- jQuery API 3.1.0 速查表-打印版
jQuery API 3.1.0 速查表-打印图,(API来自:http://jquery.cuishifeng.cn/index.html)
- jQuery API中文文档
jQuery API中文文档 http://www.css88.com/jqapi-1.9/category/events/event-handler-attachment/ jQuery UI AP ...
随机推荐
- 转: ant condition使用
评注: 用c语言的方式来,比喻ant...比较好理解 转: http://www.smithfox.com/?e=176 [备忘] Apache Ant中的逻辑判断 [原创链接: http://www ...
- IT技术方案最佳实践方案的收集
一.图片鉴别服务 1. 阿里云,腾讯云等公开的服务. 2. 图谱科技提供的API 二. 网络直播服务器 1. SRS2 开源服务器 (https://github.com/ossrs/srs/wiki ...
- bootstrap daterangepicker 添加阴历及节假日
所有的新增都用 'myAdd start'和'myAdd end'标注,所有的修改都用'myChange start'和'myChange end'标注. 借用了 1900-2100区间内的公历.农历 ...
- JavaScript:exec()方法的用法及说明
最近在看某知名js框架的源码,突然间发现自己对exec()方法竟然不太理解,然后就仔细的分析了一下这个方法 下面贴个exec()方法使用的代码出来 rquickExpr = /^(?:\s*(< ...
- CSS制作一个简单网页的下拉导航栏
网页下拉导航栏的制作 网页下拉导航栏的制作很简单,只需要运用好CSS中伪选择器. 首先说明几个简单的伪选择器(比较常用的): link:连接平常的状态 visited:连接被访问过之后 hover:鼠 ...
- 用Drawing画图如何不会消失
方法一:将事件放在form_Load中,在窗体中画图 1: protected void MainForm_Load(object sender,EventArgs e) 2: { 3: Init ...
- C#--深入分析委托与事件
本篇文章将为你介绍一下 Delegate 的使用方式,逐渐揭开 C# 当中事件(Event)的由来,它能使处理委托类型的过程变得更加简单. 还将为您解释委托的协变与逆变,以及如何使用 Delegate ...
- 【转】用java实例学习MVC模式
.1 MVC模式 MVC是三个单词的缩写,这三个单词分别为:模型(Model).视图(View)和控制(Controller).MVC模式的目的就是实现Web系统的职能分工.下面以J2EE开发进行介绍 ...
- 北大ACM(POJ1003-Hangover)
Question:http://poj.org/problem?id=1003问题点:水题. Memory: 220K Time: 0MS Language: C++ Result: Accepted ...
- ArcGIS10中matplotlib画图时的中文设置
利用GIS的数据批量生成XY的图形图像文件,可以直接使用Python.一般大家都是用matplotlib,中文设置的问题参看了许多内容,结论是对错不一,让我折腾了三天,现总结如下: 1.软件的版本.安 ...