jQuery学习笔记
来源:互联网 发布:为什么黑客都用python 编辑:程序博客网 时间:2024/06/05 19:16
“
一.jQuery库的加载模式
我们在之前的代码一直使用$(function(){})这段代码进行首尾包裹,那么为什么必须要包裹这段代码呢?
原因在于我们的jQuery库文件是在body元素之前加载,我们必须等待所有的DOM元素加载后,延迟支持DOM操作,否则就无法获取到
在延迟等待加载,JavaScript提供了一个load事件,方法如下:
window.onload = function(){};//JavaScript等待加载$(document).ready(function(){});//jQuery等待加载
load和ready的区别在于:
二.多个库之间发生冲突的解决方案
当一个项目引入多个第三方库的时候,由于没有命名空间的约束(命名空间就好比在同一目录下的文件夹一样,名字相同就会发生冲突),库与库之间难免会发生冲突
例如:prototype,还有JavaScript课程开发的Base库,都使用“
var $$ = jQuery; //创建一个$$的jQuery对象$(function)(){ alert($('#box').ge(0));//base的方法,jQuery库没有,$是base库的 alert($$('#box').width);//这是jQuery的$$}
2.如果将jQuery库在Base库之前引入,那么”$”的所有权就归jQuery库所有,而Base库将会冲突而失去作用。这里,jQuery提供了一个方法:
jQuery.noConflict(); //将$符的所有权删除var $$ = jQuery;$(function(){alert($('#box').ge(0));//[object HTMLDivElement]})
三.常规选择器
3.1.获取一个ID为box元素的DOM对象
$('#box').css('color','red');
当页面中有多个ID同为box的元素,获取的是第一个ID为box的元素
<body><div id="box">老胡</div><div id="box">老徐</div><div id="box">阿黄</div><div id="box">胡小希</div></body>
此时$('#box')
获取的是第一个div
3.2通过元素名获取 $('div')
获取所有的div元素的DOM对象
3.3类名称获取 $('.box')
获取所有的class为box的所有DOM对象
可以通过jQuery核心自带的一个属性length或size()方法来查看返回的元素个数 $('#box').size()
- 【学习笔记】JQuery学习笔记
- jQuery 学习笔记 + jQuery-UI 学习笔记
- 【jQuery 学习笔记】初识jQuery
- jQuery 学习笔记------jQuery选择器
- jquery学习笔记----初识jquery
- jQuery学习笔记--jQuery Ajax
- jquery学习笔记
- jquery选择器学习笔记
- jQuery学习笔记
- 【jquery】学习笔记
- jQuery学习笔记
- jquery学习笔记
- jquery 学习笔记
- JQuery学习笔记
- Jquery学习笔记
- JQuery学习笔记
- jQuery学习笔记
- jquery学习笔记(二)
- Codeforces Round #436 E. Fire
- java-面试题判断题答案及解析
- 数据结构实验之栈与队列八:栈的基本操作
- CentOS yum 源的配置与使用
- matlab的imshow()如何以合适大小显示图片
- jQuery学习笔记
- 1.2.4打印方法与变量i--的问题
- WEB_03_JavaScript_JS基本语法_第二讲
- 数据结构实验之栈与队列九:行编辑器
- javascript原型继承(第三篇)---prototype
- Android事件分发机制笔记总结
- LINUX学习笔记(四)
- 数据库知识点查漏补缺
- Linux下基于socket和多线程的聊天室小程序