1、文档加载
很多Javascript程序员入门都要做的第一件事情就是页面加载完成时运行一段代码
window.onload = function(){
alert("welcome");
}
jQuery有一个很简单的声明来检查文档,和判断文档是否已经准备完成,称之为加载事件。加载完成后会执行里面的回调方法
$(document).ready(function(){
//执行代码
});
在ExtJS里也有类似的文档判断事件
Ext.onReady(function(){
//执行代码
});
2、获取节点
在JavaScript中获取节点的常规做法
var node = document.getElementById("节点ID");
在JQuery中经过封装似乎更加简单了
var node = $("#节点ID");
在ExtJS中看起来更像是对原始JS获取方式的封装
Ext.get("节点ID");
3、给节点增加样式
在JQuery中给节点增加和删除样式比原始的JS更加简单
/*增加样式*/
$("#节点ID").addClass("CSS样式Class");
/*删除样式*/
$("#节点ID").removeClass("CSS样式Class");
分享到:
相关推荐
**JQuery初体验——Hello World** JQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互。这个“1. JQuery初体验--helloWorld”主题将引导你入门JQuery,通过一个简单的“Hello ...
《JQuery初体验:通过JavaScript实现2048小游戏》 2048是一款深受玩家喜爱的数字拼图游戏,其简洁的界面和富有挑战性的玩法吸引了大量的编程爱好者尝试用各种编程语言进行实现。本教程将带你走进JavaScript与jQuery...
JQuery 是一个非常流行的 JavaScript 库,其市场份额高达70%,深受开发者喜爱。...通过这个简单的JQuery初体验,我们可以看出,它不仅能够简化DOM操作,还能帮助我们解决实际开发中的各种问题,提高开发效率。
jQuery初体验 ##### 2.1 简单动画效果 除了DOM操作之外,jQuery还提供了一系列丰富的动画效果。比如,我们可以使用`.fadeIn()`、`.fadeOut()`、`.slideUp()`和`.slideDown()`等方法来添加基本的动画效果。 **...
01.jQuery初体验 02.jQuery选择器 03.jQuery语法 04.jQuery方法1 05.jQuery方法2 06.jQuery选择器(基础)至选择器(表单) 07.选择器(表单)至属性(CSS类) 08.属性(CSS类)至属性(值) 09.属性(值)至过滤(filter) 10.过滤...
**2.2 jQuery初体验示例** 例如,通过下面的代码,我们可以实现点击按钮使div显示或隐藏的功能,以及改变div的内容。 ```javascript $(document).ready(function(){ $("#btn1").click(function(){ $("div").show...
AJAX(异步JavaScript和XML)则允许在不刷新整个页面的情况下更新部分网页内容,提高了用户体验。在这个控件中,jQuery和AJAX的结合用于实现表格数据的动态加载、编辑和删除,使得用户可以无需刷新页面就能进行操作...
### jQuery 初步了解 ...通过以上介绍可以看出,jQuery 是一个功能强大且易于使用的 JavaScript 库,它极大地提高了 Web 开发的效率和体验。对于初学者来说,掌握 jQuery 的基本用法是进入前端开发领域的重要一步。
《jQueryTree:构建高效左菜单树的实例解析》 在Web开发中,为了提供用户友好的界面和良好的导航体验,菜单树是一种常见的设计元素。尤其是对于内容丰富的网站或应用程序,左侧菜单树能够清晰地组织和展示层次结构...
jQuery 1.3.2版本时,其丰富的插件生态已经初具规模。开发者可以通过插件扩展jQuery的功能,如表单验证、轮播图、日期选择器等,极大地丰富了开发工具箱。 ### 7. 性能优化 在jQuery 1.3.2中,对DOM操作和事件处理...
这些元素是收集用户输入和提供反馈的关键部分,掌握如何通过jQuery优雅地处理它们,对于提升网站的专业性和用户体验有着重要影响。 列表、树形结构和表格的动态处理也是本书的重点内容之一。在处理大量数据展示时,...
这些动画效果能极大地提升用户体验,使网页更加生动有趣。 Ajax部分则详细阐述了如何使用jQuery进行异步数据请求,实现前后端数据的无刷新交互。jQuery的Ajax方法使得开发者可以轻松地处理JSON、XML等数据格式,...
1. **Bootstrap兼容性**:`jquery.tabulation.js`设计之初就考虑到了与Bootstrap框架的集成,因此在样式和交互上能够与Bootstrap的其他组件保持一致,提供统一的视觉体验。 2. **元素转换**:该插件能够将HTML中的...
接下来,jQuery 1.9在2013年初发布,这个版本的目标是清理代码库,消除旧的、废弃的API,使jQuery更加现代化。`$.browser`模块被完全移除,因为它不再需要,开发者可以通过检测用户代理字符串来获取浏览器信息。此外...
`elevateZoom`是一款强大的jQuery插件,它能够实现图片的放大效果,让用户在不离开当前页面的情况下,查看图片的细节,从而提升用户体验。 ## 1. 插件介绍 `elevateZoom`是一个基于JavaScript库jQuery的插件,它...
jQuery是在Prototype框架之后出现的另一款优秀的JavaScript框架,由John Resig于2006年初创建,目前最新版本为1.3.2。jQuery具有以下特点: 1. 语法简练、语义易懂,学习快速,拥有丰富的文档支持。 2. jQuery是轻量...
通过Ajax,开发者可以实现页面的无刷新更新,提升用户体验。 5. **插件系统**:jQuery的插件机制是其强大功能的延伸,许多开发者贡献了各种功能的插件,如表单验证、轮播图、时间选择器等。这些插件极大地丰富了...