`

jQuery入门(一)

 
阅读更多

一、什么是jquery:

jquery就是javascript的一个库

功能: 
* 访问和操作DOM 元素; 
* 控制页面元素; 
* 对页面事件的处理; 
* 大量插件在页面中运用; 
* 与AJAX 技术的完美结合; 

二、jQuery的使用方法:

       首先在页面中加入jQuery的核心库:

<script type="text/javascript" src="js/jquery-1.8.3.js"></script> 

三、文档就绪处理程序:

写法有两种:

第一种:

window.onload=function(){
    alert("hello word");
};

 这种的执行效率不怎么高,它是要等到所有的图像和外部资源加载完毕后在浏览器上显示完毕之后在加载执行。

第二种:

$(document).ready(function(){
    alert("hello word");
});

//可以简写为

$(function(){
    alert("hello word");
});

 这种执行效率高,它只要页面上的DOM树加载完毕,也就是网页框架加载完就立刻执行。可以重写多个,但是使用window.onload=function(){ },不支持多个,如果有多个之执行最后一个。

简单的使用一下jquery:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="jquery实例" />
<title>无标题文档</title>
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("div").click(function(){
		$(this).hide();//隐藏当前的标签
		});
	});
</script>
</head>

<body>
<div>欢迎使用jquery</div>
<div>jquery的基础技术</div>
</body>
</html>

 

 

 

分享到:
评论

相关推荐

    jquery入门(一)

    本篇将作为jQuery入门的起点,带领初学者逐步理解并掌握这个强大的工具。 ### 1. jQuery 的安装与引入 在开始学习jQuery之前,首先需要在项目中引入jQuery库。最常见的方式是通过CDN(内容分发网络)链接,这样...

    jQuery 入门到精通

    一、jQuery入门 1. 引入jQuery库:在HTML文件中,可以通过在`&lt;head&gt;`标签内添加`&lt;script&gt;`标签来引入jQuery库,通常从CDN(内容分发网络)获取,如`https://code.jquery.com/jquery-latest.min.js`。 2. jQuery...

    jquery 入门帮助.pdf

    ### jQuery入门精要 #### 一、jQuery概览与崛起 **标题与描述解析:** "jquery 入门帮助.pdf"这一标题明确指向了对jQuery初学者的指导资料,而描述“对于了解ajax并初识jq的人很有帮助”则暗示了内容会涵盖jQuery...

    jQuery 入门经典教程

    **jQuery 入门经典教程** jQuery 是一个广泛应用于前端开发的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。这个经典教程将带你深入理解jQuery的核心概念,帮助你快速上手并...

    Jquery从入门到精通

    **jQuery入门** jQuery是一款高效、简洁的JavaScript库,它的出现极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。"jQuery从入门到精通"这个主题将带你全面了解和掌握这一强大的工具。 首先,...

    jQuery入门手册1.3.2

    “jQuery入门手册1.3.2”对于想要学习JavaScript库和提高前端开发效率的初学者来说是一份宝贵的资源。通过阅读和实践,你可以快速上手jQuery,理解其基本操作,并逐步掌握动态网站开发的核心技巧。随着技术的发展,...

    jQuery经典入门教程

    jQuery经典入门教程,供学习交流,谢谢~

    jquery从入门到精通

    jquery、javascript、入门到精通,jquery从入门到精通

    jQuery入门到精通

    jQuery入门到精通,前端开发技术,前端javaScript

    jQuery使用手册 jquery入门教程

    jquery入门教程 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery 包装集 从零开始学习jQuery (四) 使用jQuery 操作元素的属性与样式 从零开始...

    jQuery入门基础二.ppt

    jQuery入门基础二.ppt

    jquery 入门demo

    《jQuery入门Demo详解》 jQuery,作为一款广泛应用于前端开发的JavaScript库,以其简洁的API、强大的功能和广泛的浏览器兼容性赢得了开发者们的喜爱。对于初学者来说,掌握jQuery的基础知识和常见操作是步入Web开发...

    javascript+jQuery第一章

    javascript jquery 第一章

    Jquery从入门到精通及附件下载(一)

    **jQuery入门基础** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。这个教程将引导你从零开始掌握jQuery的基本概念和使用方法。 1. **jQuery的选择器** ...

    jquery入门文档ppt

    在jQuery入门文档中,首先会介绍jQuery的基本概念。jQuery是一个JavaScript库,它对CSS3兼容,同时兼容多种浏览器,使得开发者能够更加便捷地处理HTML文档、处理事件、实现动画效果,以及在无需刷新页面的情况下与...

    新手讲座jQuery入门

    自己做的,培训时做班级讲座用的jQuery入门 PPT,侧重jQuery的认识和Validation插件的举例讲解

    JQuery入门基础一.ppt

    JQuery入门基础一.ppt

Global site tag (gtag.js) - Google Analytics