目标
了解 jQuery 框架
下载和使用 jQuery 框架
掌握 jQuery 框架的选择器
学习常用的 jQuery API 方法
扩展 jQuery 的使用
1、了解 jQuery 框架
jQuery 是一套简化 javaScript 开发的工具库。仿照
CSS 的语法,创建自己一套 jQuery 对象,可以调用自己
的 API ,完成 HTML 页面中大部分的操作。
www.jquery.com
是 2006 年一个火狐浏览器公司的程序员开发的一套
工具库,叫 jQuery ,可以允许所有程序员扩展--
jquery plugin 、jquery UI、jquery mobil 。
核心的 juqery Core
2、下载和使用 jQuery 框架
www.jquery.com
http://jquerymobile.com/
$("p.neat").addClass("ohmy").show("slow");
下载:
进入首页,选择生产版本,点击下载按钮,保存
jquery-1.5.2.min.js
使用
新建 html 页面,在 <head> 标签中引用
<script src="/js/jquery-1.5.2.min.js"></script>
3、掌握 jQuery 框架的选择器
1、改变页面的文字
2、改变页面的图片
3、改变页面样式
4、增加动画特效
jQuery 完全模仿 CSS 的选择器,进行 HTML 标签的查询。
ID 选择器
<span id="msg" ></span>
$("#msg")
类别选择器
<span class="msg" ></span>
<p class="msg" ></p>
$(".msg") 可能会选择多个标签
元素选择器
<p ></p>
$("p")
jQuery 中的对象----$() 能够把所有的 javaScript
对象转化为 jQuery 对象。
两种对象的区别:能够调用各自 API 中定义的方法。
jQuery 的方法比 DOM API 中的方法简单。
javaScript jQuery
document.getElementById("user") == $("#user")
4、学习常用的 jQuery API 方法
jquery
最新推荐文章于 2024-08-27 15:59:21 发布