锋利的jQuery

第一章 认识jquery

1.javascript库封装了很多预定义的对象和实用函数,能帮助使用者轻松建立有高难度交互的WEB2.0特性的富客户端页面,并且兼容各大浏览器;

2.在jquery库中,$就是jquery的一个简写形式

3.可以通过javascript中的getElenmentById来获取元素节点,像这样得到的DOM元素就是DOM对象,DOM对象可以使用javascript中的方法。

jquery对象就是通过jquery包装DOM对象后产生的对象,jquery对象是jquery独有的,如果一个对象是jquery对象,那么就可以使用jquery里面的方法;

可以转换;

第二章 jquery选择器

1.基本选择器,层次选择器,过滤选择器(基本过滤选择器,内容过滤选择器,可见性过滤选择器,属性过滤选择器,子元素过滤选择器,表单对象属性过滤选择器),表单选择器;

第三章 jquery中的DOM操作

1.DOM操作分为3个方面:DOM核心,HTML-DOM,CSS-DOM(获取和设置style对象的各种属性).

2.查找节点:

查找元素节点:选择器

查找属性节点:先查找到元素节点,然后attr()获取属性

创建节点:

创建元素节点:$(“html标签代码”)

创建文本节点:同上

创建属性节点:同上

插入节点:append()

删除节点:remove()/empty()

复制节点:clone()

替换节点:replace()

包裹节点:wrap()

遍历节点:children(),next(),prev(),siblings(),closest()

3.属性操作:

获取和设置属性:attr()

删除属性:removeAttr()

4.样式操作:

获取和设置样式:attr()

追加样式:addclass()

移除样式:removeclass()

切换样式:toggleClass()

判断是否含有某个样式:hasClass()

5.设置和获取HTML,文本和值

html():读取或者设置某个元素中的HTML内容

text():读取或设置某个元素中的文本内容

val():设置和获取元素的值

6.CSS-DOM操作:

css(),width(),height(),offset(),position(),scrollTop(),scrollLeft()

第四章 jquery中的事件和动画

1.当文档或者它的某些元素发生某些变化或操作时,浏览器会自动生成一个事件。

2.jquery中的事件:

加载DOM:$(document).ready()  $()  $().ready()

事件绑定:bind()

合成事件:hover(),toggle()

事件冒泡:

事件对象:只有事件处理函数才能访问到,事件处理函数执行完毕后,事件对象就被销毁,为函数添加一个event参数即可实现;

停止事件冒泡:stopPropagation()

阻止默认行为:preventDefault()

事件对象的属性:

event.type()获取到事件的类型

移除事件:unbind()

模拟操作:trigger(),triggerHandler()

其他用法:

3.jquery中的动画:

show(slow600/normal400/fast200/x(毫秒,1秒=1000毫秒))方法和hide()方法;

fadeIN()方法和fadeOut()方法:改变元素的不透明度;

slideUp()方法和slideDown()方法:改变元素的高度

自定义动画方法:animate(params,speed,callback)

停止动画和判断是否处于动画状态:stop(),is(“:animated”)

其他动画方法:

toggle():切换元素的可见状态;

slideToggle():通过高度变化来切换元素的可见性;

fadeTo():把元素的不透明度以渐进方式调整到指定的值;

第五章 jquery对表格表单的操作及更多应用

1.表单标签:包含处理表单数据所用的服务器程序URL以及数据提交到服务器的方法;

表单域:包含文本框,密码框,隐藏域,多行文本框,复选框,单选框,下拉选择框和文件上传框;

表单按钮:包括提交按钮,复位按钮和一般按钮,用于将数据传送到服务器上或者取消传送,还可以用来控制其他定义了处理脚本的处理工作;

2.单行文本框应用:获取和失去焦点改变样式,focus(),blur()

多行文本框应用:高度变化(判断是否处于动画,判断高度,加/减),滚动条高度变化(scrollTop)

复选框应用:全选、反选、全不选()

下拉框应用:将选中的选项添加给对方,将全部选项添加给对方,双击某个选项将其添加给对方;

表单验证:必填项(类名、追加),失去焦点事件(用户名长度,邮箱格式)

3.隔行变色:

表格展开关闭:

表格内容筛选:

4.其他应用:网页字体大小,网页选项卡,网页换肤

第六章 jquery与Ajax的应用

1.XMLHttpRequest对象,发送异步请求,接收响应及执行回调。

2.在jquery中,$.ajax()方法属于最底层的方法,第2层是load(),$.get()和$.post(),第三层是$.getScript()和$.getJSON()方法;

第七章 插件的使用和写法

1.表单验证插件Validation

2.表单插件Form

3.动态绑定事件插件livequery

4.jquery UI插件:交互,微件,效果库

5.管理Cookie的插件Cookie

6.插件的种类:封装对象方法的插件,封装全局函数的插件,选择器插件;

第八章 用jquery打造个性网站

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原文链接 http://blog.poetries.top/2016/10/20/review-jQuery 关注...
    前端进阶之旅阅读 16,679评论 18 503
  • Javascript缺点:1.复杂的文档对象模型 2.不一致的浏览器实现 3.缺乏便捷的开发、调试工具。 jque...
    baby熊_熊姐阅读 707评论 0 3
  • 第一章 认识jquery 1.1 JavaScript和JavaScript库 1.1.1 JavaScript简...
    杜诚庆阅读 394评论 0 2
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,364评论 0 8
  • 躲得过三个车厢的丧尸,躲不过一个车厢的人性。 韩国电影《釜山行》再一次将人性推至大众的视线中。对丧尸类题材向来无感...
    陆白_阅读 263评论 0 0