博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
[jQuery] 基础知识
阅读量:7025 次
发布时间:2019-06-28

本文共 1221 字,大约阅读时间需要 4 分钟。

1. jQuery简介

jQuery是继prototype之后又一个优秀的JavaScript库,是一个由John Resig创建于2006年的开源项目,现在的jQuery团队主要包括核心库、UI和插件等开发人员以及推广和网站设计维护人员。

jQuery凭借简洁的语法和跨平台的兼容性,极大地简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax的操作。

2. jQuery编写

jQuery不需要安装,把下载的jQuery文件放到一个公共位置,想要在某个页面上使用jQuery时,只需要在相关的HTML文档中引入该库文件的位置即可。

在jQuery库中,"$"就是jQuery的一个简写形式,例如$("#foo")和jQuery("#foo")是等价的,$.ajax和jQuery.ajax是等价的,例如:

$(document).ready(function(){  alert("Hello World!");});

这段代码的作用类似于传统JavaScript中的window.onload方法,不过与window.onload还是有些区别。

jQuery支持强大的链式操作,用一行代码来完成复杂的功能,例如:

$(".has_children").click(function(){  $(this).addClass("highlight").children("a").show().end()  .siblings().removeClass("highlight").children("a").hide();});

3. jQuery对象

jQuery对象是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,如果一个对象是jQuery对象,那么就可以使用jQuery里的方法,例如:

$("#foo").html();

这段代码等同于:

document.getElementById("foo").innerHTML;

jQuery对象中无法使用DOM对象的任何方法。在不得不使用DOM对象的时候,可以有两种处理方法:

1) jQuery对象是一个数组对象,可以通过[index]的方法得到相应的DOM对象,例如:

var $obj = $("#cr");var obj = $obj[0];alert(obj.checked);

2) jQuery本身提供了get(index)方法得到相应的DOM对象,例如:

var $obj = $("#cr");var obj = $obj.get(0);alert(obj.checked);

对于一个DOM对象,只要用$()把DOM对象包装起来,就可获得一个jQuery对象,例如:

var obj = document.getElementById("cr");var $obj = $(obj);

转载地址:http://rysxl.baihongyu.com/

你可能感兴趣的文章
Jenkins安装卸载
查看>>
长日漫漫,十年匆匆
查看>>
堆和栈的概念
查看>>
JS练习:替换式图片自动轮播
查看>>
Ping IP速度范围
查看>>
jquery 知识整理
查看>>
2018.7.28日学习内容 CSS的学习
查看>>
JSP EL表达式使用
查看>>
iOS绘制线条的使用
查看>>
Selenium经典问题汇总
查看>>
第二次作业--线性表
查看>>
如何在UMG中上显示3D物体
查看>>
mobile开发模式
查看>>
Java IO file文件的写入和读取及下载
查看>>
Linux yum 命令
查看>>
网络编程
查看>>
数据结构上机实验之二分查找
查看>>
HDU 6103 Kirinriki 枚举长度 尺取法
查看>>
Hibernate事务代码规范写法
查看>>
fastDFS分布式文件系统的部署
查看>>