当前位置 博文首页 > mataodehtml的博客:java学习之路————第三十七天
1.什么是jQuery
???????? jQuery是一种封装好的js框架,使用这个框架进行脚本开发,可以避免浏览器对js的兼容性问题,浏览器对js的兼容性已经在设计jQuery的时候考虑到了,使用js会存在浏览器兼容问题使用jQuery就不存在这个问题。
???????? jQuery的本质还是js
???????? jQuery的口号是:写得少,做得多
?
???????? 整个jQuery文件其实就是一个大的函数,这个函数在调用过之后,返回值还是jQuery对象,所有我们的jQuery编程支持链式编程语法。
???????? jQuery.方法1().方法2().方法3()…..
?
2.如何安装jQuery
???????? jQuery其实就是一个js文件,我们如果想使用它,一定要在写jQuery代码之前的script的标签中引入我们的jQuery文件,你可以在网上将jQuery文件下载到本地,也可以直接引入外网给我们提供的CDN得方式来进行引入,推荐使用CDN的方法,使用CDN的方法在我们浏览其他网站的使用如果浏览过对应引入相同的CDN的站点,浏览器会事先将jQuery文件加载到浏览器中,可以提高我们页面的加载速度。
?
推荐使用百度的CDN地址。
CDN就是一个url地址,人家将这些常用的工具文件,存放在他们自己的服务器上面,给我们提供访问的方法。
?
3.jQuery的版本
???????? jQuery发展至今,目前存在三个版本,这三个版本都是并行开发的。
?
1.x(推荐)
兼容所有的浏览器,所以js文件相对2和3大一点,在现在这样的网络带宽下,没什么影响。
2.x
???????? ???????? 舍弃了IE678浏览器的兼容
3.x
?
4.体验jQuery
?
5.script标签编写的位置
???????? 我们一般将script标签建议写在</body>后面
?
???????? 网页在加载的时候,是从上往下加载的
???????? 如果我们将script标签下写在上面,那个时候如果在script中要获取HTML元素将会获取不到,因为加载带这个js的时候,页面还没有加载完毕。
?
6.jQuery选择器
???????? 选择器就是寻找元素的一种技术,jQuery的选择器和CSS的选择器基本上是一样的,所以学习jQuery的成本非常的低
?
7.js对象和jQuery对象的相互转换
???????? 其实jQuery独享就是js对象的一个数组组成的(DOM数组)
?
???????? jQuery----->js
?
???????? js------------>jQuery
?
8.jQuery隔行换色
???????? $(function(){
????????????? $("tr:gt(0):even").css("background-color","#AAAAA");
??? ?????????? $("tr:gt(0):odd").css("background-color","#EEEEEE");
?????????? });
??? :gt(index)? 过滤出索引大于index的元素
??? :even?? 过滤出所有的偶数
??? :odd??? 过滤出所有的奇数
全选与全部选:
$("input").prop("checked",$(this).prop("checked");
获取所有的input属性的checked属性,将其设置为当前的checked;
prop()获取/设置元素的属性
prop(“属性名”) 获取该属性的值内容
prop(“属性名”,”属性值”) 设置该属性名的内容
?
$(this) 将当前的js对象变成jq对象
?
show(s):显示? s是时间
hide(s): 隐藏
toggle(s) :互换,自己判断
?
9.文档处理API:
内部插入:
??? append(ontent|fn)
??? appendTo(content)
??? prepend(content|fn)
??? prependTo(content)
外部插入:
??? after(content|fn)
??? before(content|fn)
??? insertAfter(content)
??? insertBefore(content)
?
cs