【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")());

4、http://www.json.org/

搜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的方式来开发)

时间: 2024-08-03 07:06:46

【jquery】 API讲解 内部培训资料的相关文章

asp.net web api内部培训资料

参考页面: http://www.yuanjiaocheng.net/webapi/mvc-consume-webapi-get.html http://www.yuanjiaocheng.net/webapi/mvc-consume-webapi-post.html http://www.yuanjiaocheng.net/webapi/mvc-consume-webapi-put.html http://www.yuanjiaocheng.net/webapi/mvc-consume-web

深度解析 ASP.NET MVC 5 (内部培训讲义)

深度解析 ASP.NET MVC 5 分享公司内部培训资料,如有错误,请批评指正. ASP.NET MVC基础 IoC容器 ASP.NET MVC可扩展性 ASP.NET MVC Filters & Cache ASP.NET MVC AJAX ASP.NET MVC Client Validation 资源文件目录结构 Model目录结构 View目录结构 View分解原则 关于Web.config 1. ASP.NET MVC基础 1.1. 一次请求的生命周期 一次请求从客户端/浏览器开始,

程序员内部培训

1.前言 虽然题为培训,但我还是想说一句,程序员其实不需要培训,只需要指点.原因有三: 程序员的工作都必须去实践,几乎没有纯理论的领域. 由于互联网的开放性,程序员能找到大量的资源自学. 随着实践深入,会自然地遇到一些问题.解决这些问题除了靠智力外,大部分只需要知道答案的大致方位就能用时间来消灭掉. 大牛之所以能成为大牛,就是知道了很多答案存在的地方以及发现这些地方的方法.优秀的程序员培训师懂得教方法而不仅是教答案.可惜很多培训师不是这样的,公司内部的培训流于形式,大家听完后就知道这是个很牛b的

smartJS 0.1 API 讲解 - PromiseEvent

上篇简单的介绍smartjs了一些通用方法的api.这篇介绍基础的PromiseEvent(这个名字一直没想好,以前准备用callbacks的,但避免与jquery混淆,st的命名空间可以直接挂到$上) PromiseEvent 基于事件和promise的回调管理,类似于jquery的callbacks,但具有结果传递,优先级,事件参数,promise控制等功能 接口方法 var events = st.promiseEvent(mode); events.add(name,function(e

android内部培训视频_第五节(1)_OA实战之登录界面

第五节(1):OA实战之登录界面  一.登录界面布局 1.背景图片 2.文本框 3.checkbox 4.按钮 暂未实现点击切换图片效果 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent&q

Android IOS WebRTC 音视频开发总结(十五)--内部培训大纲

最近在给公司做内部培训,主要是关于即时通讯和移动视频通话,包括android与android,ios与ios,android与ios,以及手机与PC 不打无准备之仗,所以认真整理了一份比较详细的大纲,下面这份大纲主要针对移动视频通话, 虽然讲的内容没发直接分享出来,不过这份大纲对大家理清整个视频通话的思路会有所帮助, 当然如果您觉得这份大纲有遗漏或觉得某些内容不对,请告诉我,我将及时补充和纠正, 如果您对某些内容特别感兴趣也可以告诉我,后面安排时间整理出详细文档,或者在底下留言交流.

android内部培训视频_第三节(3)_常用控件(ViewPager、日期时间相关、ListView)

第三节(2):常用控件之ViewPager.日期时间相关.ListView  一.ViewPager 实例:结合PagerAdapter滑动切换图片  二.日期时间相关:AnalogClock\DigitalClock\DatePicker\TimerPicker\DatePickerDialog\TimePickerDialog 三.ListView 实例1:城市选择器 实例2:自定义列表项 百度网盘视频下载地址:http://pan.baidu.com/s/1c0ip6la android内

SAP FICO hande汉得培训资料---I 总帐模块篇.pdf

SAP FICO hande汉得培训资料---I 总帐模块篇.pdf 电子版 淘宝上好价钱 https://item.taobao.com/item.htm?spm=a1z10.1-c.w4004-5741239872.2.LkMKkv&id=44491214074

公司内部培训SQL Server传统索引结构PPT分享

公司内部培训SQL Server传统索引结构PPT分享 下载地址 http://files.cnblogs.com/files/lyhabc/SQLServer%E4%BC%A0%E7%BB%9F%E7%B4%A2%E5%BC%95%E7%BB%93%E6%9E%84.ppt PPT有不对的地方,多多拍砖o(∩_∩)o