jQuery 学习笔记1_初始 jQuery

一. jQuery 简识:

jQuery 目前是对 JavaScript 对象和函数封装最好的一个程序库。使用 jQuery 使得对浏览器极易兼容,且语法极其简单。深受广大Web开发者的喜爱

                             

二. jQuery 的用途:

1. 访问和操作 DOM 元素对象

jQuery 可以方便快速的获取页面中指定的元素,并对其进行修改、删除、和移动都有一套方便和快捷的方法。

2. 控制页面的样式

使用 jQuery 可以便捷的控制页面的 CSS 样式,使用很少的代码就可以实现很好的页面体验效果。

3. 对页面的事件处理

引入 jQuery 可以把页面表现和功能开发分开来书写,专注各个层的开发者只用关心自己所关心的层,不用分太多精力到其它层,从而使自己关心的层有良好的质量。

4. 方便的使用 jQuery 插件

jQuery 有大量的插件,使用这些插件可以完善页面的功能和效果。

5. 与 Ajax 技术的完美结合

使用 jQuery 异步读取服务器数据的方法,极大的方便了程序的开发,增强了页面的交互,提升了用户体验,通过其内部对象和函数,也减少了代码的书写。


三. jQuery 的语法和引入

1. jQuery 程序库的引入

<script src="js/jquery-1.8.3.js" type="text/javascript"><script/> //这行代码是引入jQuery 程序库的,其中“ js/jquery-1.8.3.js ” 是 jQuery 程序库的保存路径。

2.jQuery 万变不离其宗的语法结构

$(selector).action();


其中:

$()             称为工厂函数,是用来把找到的指定 DOM 对象转换为 jQuery 对象的,只有转换成了 jQuery 对象才可以使用 jQuery 对象的方法。

selector      称为选择器(万能的选择器),是用来查找文档中的各种对象。

action()      称为 jQuery 对象的方法,使用不同的方法可以实现不同的处理。通过 "." 来调用方法。


例如:$("p").text();  该语句就是,通过 $("p") 找到页面中所有的 p 标签元素的对象,再调用 text() 方法获得 p 标签所包含的文本内容。

在 jQuery 中很重要的一个就是 selector ,通过选择器可以找到页面中任何一个元素的对象。在通过给这些对象注册事件和调用方法,就可以实现很多页面特效。

jQuery 有很多的选择器,只要学会了使用选择器,也就算对 jQuery 入门了。可以查询 API 来了解 各种选择器和他们的用法。


四.DOM 模型。

一个页面可以看成一个 DOM 模型。

每个 DOM 模型都可以看成是由各个节点组成的。根节点为 <html>

这些节点分为:

元素节点   <h2> <div> <p>

文本节点   <h2>h2标签</h2> 该标签的文本“h2标签”就是文本节点。

属性节点   <input name="but" /> 该标签的name 属性就是一个属性节点。

 

五.DOM 对象。

通过 document getElementXXX() 方法可以获得一个或者一组 DOM 对象。

而一个对象就可以看作是一个元素节点。

 

六.jQuery 对象。

通过 jQuery 的工厂函数可以把一个 DOM 对象转换为一个jQuery 对象。一个 jQuery 对象也是一个元素节点。

 

七.jQuery 对象和 DOM 对象的相互转换。

jQuery ----> DOM

var j = $("h2")

var d = j[0]; 或者 var d = j.get(0);

 

DOM -----> jQuery

var j = $("h2");

这样 j 就是一个 jQuery 对像。


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值