`
fatedgar
  • 浏览: 134760 次
  • 性别: Icon_minigender_1
  • 来自: 安徽
社区版块
存档分类
最新评论

JQuery笔记1

阅读更多
1.首先去下个JQuery.js文件。在www.jquery.com上download.有两个版本,min的那个是被压缩的(不是给人看的,是给机器看的……),一般是项目发布时候用的,那个200多kb的是开发时候用的,个人建议开发的,jquery出现问题也可以去找,那个min版本的没法看;
2.写个html或者jsp格式的文件也可以
3.先导入jquery.js文件
<script type="text/javascript" src="jquery-1.7.1.js"></script>
4.写个单击事件操作
1>假如有4个超链接:
     <a href="#">try1</a><br>
    <a href="#">try2</a><br>
    <a href="#">try3</a><br>
    <a href="#">try4</a><br>

2>写个Javascript来处理onclick事件
如果不用jquery的话
	<script type="text/javascript">
		window.onload=function()
		{
		var mylinks=document.getElementsByTagName("a");
		for(var i=0; i<mylinks.length;i++)
		{
			mylinks[i].onclick=function()
			{
				alert("hello world!");
			}
		}
		}
	        </script>

用jquery的话:
<script type="text/javascript">
		$(document).ready(function()
		{
			$("a").click(function()
			{
				alert("Hello World!");
			});
		});
	</script>

$是用来把document造型的,造型成jquery.js的对象。ready是它的一个方法。再把一个匿名函数做为参数传进去。("a")选择器……
在浏览器打开就可以看到效果……

onload执行的时间比Ready晚,onload实在dom对象解析完后执行,而Ready在dom关系还没固定就执行了,这样比较好的进行对dom结构进行修改……

总结:
它的特点:
能实现各种动态效果,能完成异步调用;
选择器写法灵活方便;
处理了浏览器的兼容问题,方便我们实现功能;
代码写法简洁,功能完善;
JQuery的广告语是:write less,do more
分享到:
评论

相关推荐

    jquery笔记1

    【标题】:“jQuery笔记1” 这篇笔记主要围绕jQuery这一广泛使用的JavaScript库展开,重点讨论了其在网页交互和用户界面动态化方面的应用。jQuery简化了DOM操作、事件处理、动画制作以及Ajax交互等多个方面,使得...

    JS-Ajax-jQuery笔记1

    JS-Ajax-jQuery笔记,学习笔记,JavaScript,JS-Ajax-jQuery笔记,学习笔记,JavaScript,

    jQuery笔记1

    本笔记主要探讨 jQuery 的基本选择器和层次选择器,这些是 jQuery 中最基础也是最常用的功能。 ### 一、基本选择器 1. **ID 选择器**:通过元素的 `id` 属性来定位特定的元素。使用 `$("#id")` 的形式,例如 `$("#...

    jquery 学习笔记总结

    **jQuery 学习笔记总结** jQuery 是一个广泛使用的 JavaScript 库,它简化了网页文档对象模型(DOM)操作、事件处理、动画制作以及Ajax交互。本篇笔记将深入探讨 jQuery 的核心概念,包括选择器、常用方法以及在...

    jQuery笔记

    1. **简化JavaScript代码**:jQuery 提供了一套丰富的API,使得操作DOM、添加事件监听器、创建动画变得异常简单。 2. **CSS式的元素选择**:类似于CSS的选择器,jQuery可以轻松地选取页面上的特定元素,如通过类名、...

    jQuery基础教程笔记jQuery基础教程笔记

    jQuery基础教程笔记jQuery基础教程笔记jQuery基础教程笔记jQuery基础教程笔记

    我的JQuery笔记.doc

    《jQuery学习笔记详解》 jQuery 是一款强大的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。本笔记基于一年的学习经验,涵盖了基础到进阶的知识点,旨在帮助初学者快速掌握...

    韩顺平jquery学习笔记及练习

    首先,我们来看看"韩顺平AJAX和jQuery笔记整理.doc"。AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,而jQuery对AJAX提供了出色的封装,使得异步数据交换变得更加简单。在这个文档中,你将了解...

    jquery笔记总结

    完整Jquery笔记总结,xmind思维导图文档,可以下载查看。

    JQuery笔记JQuery笔记

    从给定的文件信息中,我们可以提炼出关于jQuery的一些核心知识点和使用技巧,这将帮助初学者和进阶用户更好地理解和应用jQuery库。 ### jQuery简介与安装 jQuery是一款流行的JavaScript库,它简化了HTML文档遍历、...

    jquery笔记

    ### jQuery核心知识点详解 #### 一、jQuery简介与优势 **定义**: - **框架**:框架是指一种软件设计模式,提供了一套解决方案的基础结构。简单来说,就是使用最基本的编程语言,封装了一系列常用功能(方法),...

Global site tag (gtag.js) - Google Analytics