`
skzr.org
  • 浏览: 365285 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

JQuery之旅连载1:JQuery之Hello World!

 
阅读更多

2010-02-22

 

开始JQuery之旅:(Get Starting...)

  1. 下载JQuery库:(downloading jquery from jquery.com )

    为了节约自身的带宽,把jquery放入google codes ,这样就可以利用google提供的带宽和空间来节省js库的带宽
  2. 编写hello.html(Hello World):

    <html>
    	<head>
    		<script type="text/javascript" src="http://extjs-skzr.googlecode.com/svn/trunk/extjs-skzr/js/jquery/src/jquery-1.4.2.js"></script>
    
    		<script type="text/javascript">
    		$(document).ready(function() {
    			alert("hello world!");
    		});
    		</script>
    	</head>
    </html>
    
      运行可以看到一个alert提示:hello world!

好了到这里可以看到jquery已经成功加入了你的页面了,以后会陆续发布JQuery使用的相关文章

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    Jquery的HelloWorld

    **jQuery的HelloWorld** jQuery,一个轻量级的JavaScript库,因其简洁的API和强大的功能而备受开发者喜爱。它的出现极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。这篇博客将引导初学者了解...

    JQuery的HelloWorld1

    ”程序,即`JQuery的HelloWorld1`。 首先,我们看到HTML文件的结构,它包含`&lt;!DOCTYPE html&gt;`声明来指定文档类型,`&lt;html&gt;`元素作为整个文档的根节点,以及`&lt;head&gt;`和`&lt;body&gt;`部分。在`&lt;head&gt;`部分,我们有`&lt;meta&gt;`...

    1. JQuery初体验--helloWorld

    JQuery初体验--helloWorld”主题将引导你入门JQuery,通过一个简单的“Hello World”示例来展示其基本用法。 在JavaScript中,操作DOM(Document Object Model)通常是繁琐的,而JQuery提供了一种简洁的API来处理...

    Spring MVC 2.5 + JQuery HelloWorld Sample

    **Spring MVC 2.5与JQuery整合实现Ajax HelloWorld示例** 在Web开发中,Spring MVC作为Java领域广泛使用的MVC框架,提供了强大的控制层支持,而JQuery则是一款高效、简洁的JavaScript库,简化了前端DOM操作和AJAX...

    jQuery Mobile 所需要的部署文件

    在压缩包中,"helloworld"很可能是一个示例目录,里面可能包含了以下关键文件: 1. **index.html**:这是你的主网页文件,通常包含页面的结构和jQuery Mobile的初始化代码。在这个例子中,它应该展示了如何使用...

    jQuery1-8-2.js和jqueryAPI

    - **DOM操作**:提供了一系列方法进行元素的创建、插入、删除等,如`$( "&lt;div&gt;" ).append( "Hello World!" )`。 - **动画效果**:内置动画函数,如`fadeIn()`, `slideUp()`, `animate()`,用于创建平滑的过渡效果。 ...

    bootstrap入门helloworld

    "bootstrap入门helloworld"这个主题旨在帮助初学者快速掌握Bootstrap的基本用法,通过创建一个简单的"Hello, World!"页面来开启Bootstrap的学习之旅。 Bootstrap的核心特点在于其丰富的预设样式、组件和JavaScript...

    nutz初使用之MVC HelloWorld (netbeans html,jquery版)

    我们将通过一个名为"HelloNutz1"的示例项目,学习如何在NetBeans IDE中集成HTML、jQuery来实现“Hello, World!”程序。 首先,让我们了解MVC模式的基本概念。MVC是一种设计模式,它将应用程序分为三个核心部分:...

    jquery1.4.2.js和jquery.cookie.js

    这将在客户端创建一个名为"myCookie"的Cookie,其值为"Hello, World!",有效期为7天,路径为根目录。 2. **读取Cookie**: ```javascript var cookieValue = $.cookie('myCookie'); console.log(cookieValue); // ...

    一个helloWorld的简单插件代码

    2. **事件监听**:除了在页面加载时执行,我们也可以将插件绑定到特定的用户事件上,比如点击按钮,这样当用户触发该事件时,才会显示“Hello, World!”。 3. **分离样式**:将CSS样式从JavaScript中分离出来,放在...

    jquery入门(1)

    本节介绍了如何准备环境并编写一个简单的 jQuery “Hello World” 示例。通过这个过程,我们学习了如何加载 jQuery 库、注册 ready 事件以及使用选择器和事件处理程序。 在接下来的内容中,我们将深入探讨更多的 ...

    JQuery教程-从零开始学习jQuery

    ##### HelloWorld JQuery 为了让大家快速上手,这里将介绍一个简单的“Hello World”示例,演示如何使用JQuery。 1. **安装与配置**: - **下载JQuery库**:可以从官方网站下载最新版本的JQuery库。 - **引入...

    jquery 教程 详细解释了jquery的使用方法

    1. 轻量级:jQuery库文件小巧,原始版本大约几十KB,经过压缩后通常不超过18KB,这使得它在网页加载时不会增加太多负担。 2. 强大选择器:jQuery提供了类似CSS的选择器,可以方便地选取和操作页面中的任何DOM元素。 ...

    JQuery入门

    通过这篇教程,读者将逐步了解jQuery的基本概念,掌握如何引入jQuery库,以及如何编写基本的jQuery代码,从而开启jQuery的学习之旅。随着学习的深入,会发现jQuery的更多功能和用途,如选择器、事件处理、DOM操作、...

    Jquery教程-pdf

    &lt;h1 id="greeting"&gt;Hello World! $(document).ready(function() { $("#greeting").text("Hello jQuery!"); }); ``` 在这个例子中,我们首先通过`&lt;script&gt;`标签引入了jQuery库,然后使用`$(document)....

    jquery\jQuery基础教程.pdf

    &lt;/div&gt;" )`会创建一个新的`&lt;div&gt;`元素,包含文本“Hello World!”,并为其添加类名`myClass`。 - **`jQuery(elements)`**:将一个或多个DOM对象转换为jQuery对象,从而可以使用jQuery提供的方法对其进行操作。 - ...

    从零开始学jquery

    "Hello World jQuery"示例通常是从一个简单的页面引入jQuery的第一步,它演示了如何通过`$(document).ready()`函数确保在页面加载完毕后执行jQuery代码。 ### 启用Visual Studio对jQuery的智能感知 对于开发者来说...

    jQuery 之入门基本介绍

    - 设置HTML内容:`$("#element").html("&lt;p&gt;Hello, World!&lt;/p&gt;")` 4. **CSS操作**: - 获取样式值:`var color = $("#element").css("color")` - 设置样式值:`$("#element").css({"color": "red", "font-size": ...

Global site tag (gtag.js) - Google Analytics