`
liujun11
  • 浏览: 21176 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

JQuery 代码的编写

 
阅读更多

先说一下编码前的的准备事宜。

1.获取jQuery的最新版本

2.jQuery库类xing4的说明

3.jQuery

4.在页面中引入jQuery(这的需要解释一下,他在引用时使用的是相对路径,在实际项目中需要调整jquery库的路径。

在编写的页面代码中<head>标签引入jQuery库后,就可以使用jQuery库了,程序如下;

 

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 STRICT//EN‘
" http://www.w3.org/TR/xhtm11DTD/XHTML1-strict.dtd>"
<html>
         <head>
                   <!--在head标签内 引入jQuery -->
                  <script src=' ../scripts/jquery--1.3.1.js' type='text/javascript'>
  </script>
         </head>
         <body>
         </body>
</html>

 

下面开始编写简单的jQuery;

注意:在开始写第一个程序之前,要知道一些只是,在jQuery库中,$就是jQuery的简写形式,例如$('#00')和jquery(‘#00’)是等价的,$.ajax和jquery.ajax是等价的。

下面看看格式;

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 STRICT//EN‘
" http://www.w3.org/TR/xhtm11DTD/XHTML1-strict.dtd>"
<html>
         <head>
                   <!--在head标签内 引入jQuery -->
                  <script src=' ../scripts/jquery--1.3.1.js' type='text/javascript'>
  </script>
                  <script type = 'text/javascript'>
                    $(domcument).ready(function(){
                    alert('Hello World!')
                    })
               </script>
         </head>
         <body>
         </body>
</html>

 看看结果啊;

就是 Hello World

 

 还有个要注意的

$(document).ready(function(){

})

 这段代码与javaS中 window.onload方法有些区别。

(1)window 必须等待网页所有内容加载完才能执行,$(document)没有这个限制。

(2)window 不能同时编写多个,$(document)可以同事编写多个

(3)$(document).ready()可以简写

$(document).ready(function(){
  //.....
})

简写
$(function(){
//....
})

 

 

分享到:
评论

相关推荐

    李炎恢jQuery讲义代码.rar

    通过使用jQuery,开发者可以编写出更简洁、更易于维护的代码,提高开发效率。李炎恢老师的教程是众多学习者掌握jQuery技能的重要途径,而这份讲义代码则为理论学习提供了实际操作的平台。 在压缩包中的"李炎恢...

    为Dreamweaver写的扩展---jQuery自动提示.

    为了解决这一问题,"jQuery自动提示"扩展应运而生,它为Dreamweaver带来了实时的jQuery函数提示功能,使得在CS4和CS3等不同版本中,开发者可以更便捷地进行jQuery代码编写。 首先,我们来看“dw for CS4”版本。这...

    Firebug控制台动态加载jquery脚本并执行jquery代码

    3. **执行jQuery代码**:一旦jQuery库加载完毕,我们就可以在控制台中编写和执行jQuery代码了。比如,查找页面上的某个元素并改变它的样式: ```javascript $('body').css('background-color', 'red'); ``` 这将...

    Eclipse添加jQuery代码提示用到的文件

    在编写jQuery代码时,有代码提示功能能大大提高开发速度,减少出错的可能性。Eclipse本身并不内置jQuery的代码提示,因此我们需要通过安装帮助文档和配置来实现这一功能。 教程链接:...

    JQuery MX-9

    这款插件针对Dreamweaver进行了优化,为开发者提供了一系列便利的工具和扩展,使得在Dreamweaver环境下进行jQuery代码编写变得更加高效和便捷。 ### jQuery 库概述 jQuery 是一个轻量级、高性能的JavaScript库,...

    JQuery的Eclipse开发环境----spket

    为了提高开发效率,许多开发者选择在集成开发环境(IDE)中进行jQuery代码编写,其中Eclipse是一个广泛使用的工具。然而,Eclipse本身并不直接支持jQuery的代码提示和自动完成,这就需要用到插件——Spket。 **...

    JQuery 游戏 俄罗斯方块 代码

    对于兼容性问题,由于jQuery库本身具有良好的浏览器兼容性,支持包括IE和Firefox在内的多种浏览器,因此使用jQuery编写的游戏通常不用担心浏览器兼容性问题。但是,仍需注意HTML和CSS部分可能存在的兼容性问题,尤其...

    jquery滚动字幕

    3. jQuery代码编写:使用`$(document).ready()`函数确保页面加载完毕后执行相关代码。通过`$.fn.extend()`扩展自定义的jQuery方法,或者直接在元素选择器后调用`animate()`方法,指定滚动的距离、速度、缓动效果等...

    jquery 实现左右等高

    总之,利用 jQuery 实现左右等高或多列等高布局,主要涉及 HTML 结构设计、CSS 样式设置以及 jQuery 代码编写。通过合理的布局和动态计算高度,我们可以创建出视觉效果良好的网页布局。在开发过程中,不断优化和调试...

    jquery代码提示插件

    《jQuery代码提示插件在Dreamweaver中的应用与...通过这些功能,开发者可以在DW中实现更高效、更智能的代码编写,从而提升整体的开发质量和速度。对于那些习惯使用DW的前端开发者来说,这个插件无疑是不可或缺的利器。

    visual studio 2008 jquery 代码提示补丁

    为了解决这个问题,微软发布了Visual Studio 2008 jQuery代码提示补丁,以增强开发者在编写jQuery代码时的体验和效率。 jQuery是一款轻量级、高性能的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax...

    r画廊jquery代码.rar_cardhja_r画廊jquery代码

    【标题】"r画廊jquery代码.rar"是一个包含jQuery特效画廊缩略图的资源包,主要用于实现一种视觉效果丰富的图片展示方式。"cardhja_r画廊jquery代码"可能是这个资源包的独特命名,暗示了它可能采用了某种特定的设计...

    JQuery日历代码

    关键在于jQuery代码,它负责监听用户的交互事件,生成并显示日历,同时处理选中日期后的逻辑。 在实现jQuery日历时,有几种常见的方法: 1. **插件使用**:jQuery有许多现成的日历插件,如jQuery UI的Datepicker,...

    dreamware jquery 代码提示

    Dreamware 作为开发工具,可能提供了对 jQuery 的集成支持,使得开发者在编写 jQuery 代码时能够获得智能提示,提高编码效率。 在描述中提到的 "NULL 博文链接:https://zenggang.iteye.com/blog/722280",暗示了一...

    代码补全工具

    总的来说,代码补全工具是现代Web开发不可或缺的一部分,通过智能化的支持,它们极大地提升了开发者的生产力,减少了出错概率,使得复杂的JavaScript和jQuery代码编写变得更加轻松愉快。使用这样的工具,开发者可以...

    jQuery插件编写步骤详解

    编写jQuery插件不仅能够提高代码的可复用性,还能提升开发效率。理解并掌握这些步骤和技巧,对于深入学习jQuery和Web开发是非常有帮助的。通过不断实践和优化,开发者可以创造出功能强大、易于使用的jQuery插件,为...

    VS2010 VS2012最好用的JQuery代码段

    总的来说,“VS2010 VS2012最好用的JQuery代码段”是一个强大的工具,能帮助开发者快速、准确地编写jQuery代码,提升开发效率。通过合理利用这些代码片段,开发者可以在保持代码质量的同时,更好地专注于应用程序的...

    jQuery鼠标滑过显示二级下拉菜单代码.zip

    HTML部分负责构建菜单结构,CSS部分用于样式设计,使其视觉效果更佳,而JavaScript部分则包含上述的jQuery代码。在实际应用中,还需要确保引入了jQuery库,通常通过`&lt;script&gt;`标签链接到CDN或本地的jQuery.js文件。 ...

    JQuery 1.2.3 对VS2008智能感知汉化版

    一旦完成,VS2008将自动识别并应用这个智能感知扩展,为jQuery代码编写提供实时的帮助和提示。 **总结** 通过使用"JQuery 1.2.3 对VS2008智能感知汉化版",开发者可以在VS2008环境下更好地利用jQuery进行...

    dreamweaver jQuery代码提示插件

    Dreamweaver jQuery代码提示插件是一款专为Adobe Dreamweaver设计的增强工具,它能够为开发者在编写jQuery代码时提供实时的智能提示和自动化功能,从而提高开发效率和代码质量。这款插件对于那些频繁使用jQuery框架...

Global site tag (gtag.js) - Google Analytics