【第一天】初步接触jQuery
2016-02-12 22:34
453 查看
博主最近在学习《锋利的jQuery》,本来是在有道云那里做笔记,发现页面加载速度实在不敢恭维,体验太差,就换阵地了。本系列Blog只是做笔记用,大致整理知识点,人懒不写全概念,所以几乎没有参考价值。
加入jQuery网页的最基本结构组成如下
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<span style="color:#ff6666;"><script type="text/javascript" src="../test/jquery-2.2.0.js"></span>
</script>
</head>
<body>
<script type="text/javascript" src="../test/test.js"></script>
</body>
</html>
Tips
jQuery库,谷歌调用无法使用,不如下载后用链接添加在对应的html中,见红色的字
之后jQuery语句无论是在内部js还是外部js,都可以实现。
jQuery对象和DOM的对象表达方法不同,二者可以互相转化。变量前面有“$"符号的即为jQuery对象
用$()将DOM对象包装可得jQuery对象
$("#ID")用来通过ID获取对象,对应getElementById()
$(".CLASS")用来通过class属性获取对象,对应getELementByClass()
$("tagName")用来通过标签获取对象,对应getElementByTagName()
$("")获取的是对象,不能直接进行if判断,需要转化为DOM或者判断对象的长度来判断该对象是否存在。
选择器中带空格和不带空格可能会带来不同的结果
加入jQuery网页的最基本结构组成如下
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<span style="color:#ff6666;"><script type="text/javascript" src="../test/jquery-2.2.0.js"></span>
</script>
</head>
<body>
<script type="text/javascript" src="../test/test.js"></script>
</body>
</html>
Tips
jQuery库,谷歌调用无法使用,不如下载后用链接添加在对应的html中,见红色的字
之后jQuery语句无论是在内部js还是外部js,都可以实现。
jQuery对象和DOM的对象表达方法不同,二者可以互相转化。变量前面有“$"符号的即为jQuery对象
用$()将DOM对象包装可得jQuery对象
$("#ID")用来通过ID获取对象,对应getElementById()
$(".CLASS")用来通过class属性获取对象,对应getELementByClass()
$("tagName")用来通过标签获取对象,对应getElementByTagName()
$("")获取的是对象,不能直接进行if判断,需要转化为DOM或者判断对象的长度来判断该对象是否存在。
选择器中带空格和不带空格可能会带来不同的结果
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- JavaScript 各种遍历方式详解
- 数组方法汇总
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- 基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
- Jquery实现的table最后一行添加样式的代码
- jQuery实现向下滑出的平滑下拉菜单效果
- jQuery 练习[一] 学习jquery的准备工作
- jquery获得页面元素的坐标值实现思路及代码
- 使用Browserify配合jQuery进行编程的超级指南
- jquery如何实现在加载完iframe的内容后再进行操作
- jquery $.ajax()取xml数据的小问题解决方法
- jQuery '行 4954 错误: 不支持该属性或方法' 的问题解决方法