每次打开博客脑子里就有很多文字在打转,最后还是忍不住用键盘来表达!
每次写博客都力求以最简单易懂的方式来呈现,希望对大家都所有帮助和提升!
此小结是本人第1次重温jQuery记录下来的小结,小结后梳理了几遍算是可以拿出来见人了,就此贴,也算是对jQuery的再次认识吧!
1.JSON
是一种数据格式,全称:JavaScript Object Notation.
用于Javascript与服务器进行数据交互的一种格式。
2.Prototype对Ajax技术的支持
Ajax.Request():封装XMLHttpRequest对象的创建和请求发送
Ajax.Updater():封装了Ajax请求的发送,将响应回来信息更新到指定div区域
$()、$F()
evalJSON()
3.jQuery框架的使用
jQuery用于简化客户端JavaScript编程。write less do more!
jQuery提供了很多功能强大的函数,主要功能:
a.提供了强大、多样的选择器,可以方便我们选取要操作的对象元素
b.提供了样式控制和属性控制函数
c.提供了文档处理函数
d.提供了事件处理函数
e.提供了Ajax支持
f.提供了特效函数
jQuery特点:
a.将js与html元素彻底分离
b.提供了功能强大处理函数
c.代码简洁,易于编程
4.jQuery的基本应用
1)注意事项
a.区分jQuery对象和前期的javascript DOM对象
DOM对象:window、document、document.getElementById、this等
jQuery对象:使用jQuery选择器选出的对象
将DOM对象转换成jQuery对象:$(this)、$(document)等
将jQuery对象转换成DOM对象:jQuery对象[0]、jQuery对象.get(0)等
将字符串封装成jQuery对象:$("<div>hello</div>")等
b.jQuery对象是DOM对象的集合,以集合形式存在。
c.页面载入函数
$(document).ready(fn):fn是在HTML文档被浏览器完全载入之后执行。 等价于body中的onload时机。
$(document).ready(function(){
//处理代码
});
//简写
$(function(){
//处理代码
});
d.$符号是jQuery符号的简写,如果遇到js库冲突,jQuery框架需要让出$符号的使用权
2)选择器
a.基本选择器:$("#id属性值"), $("元素名称"), $(".class属性值")
b.层级选择器:$("祖先 后代")
c.简单选择器::first ,:last, :even, :odd, :not, :eq, :gt, :lt
d.内容选择器::contains(), :empty
e.可见性选择器::hidden, :visible
f.表单元素::input, :text, :radio 等
g.表单对象属性::enabled, :disabled, :checked, :selected
h.属性选择器:[属性名=属性值]