在页面引入JQuery
<head> <script src="jquery-1.8.3.js" type="text/javascript"></script> </head>
第一个JQuery程序
$(document).ready(function(){
alert("Hello Word");
});
1、网页中多有DOM结构绘制完成后就执行，可能DOM元素关联的东西还没有加载完成
2、能同时编写多个
3、简化写法
$(function(){
alert("Hello jQuery");
});
DOM对象
var domObj = document.getElementById("id");//获得dom对象
var ojbHTML = domObj.innerHTML;//使用javascript中的属性
jQuery对象
$("#foo").html();//获取id为foo元素的html代码
等同于
document.getElementById("foo").InnerHTML;
jQuery对象转DOM对象
方式一：jQuery对象类似数组，通过[index]方式转成DOM对象
var $cr = $("cr");//jQuery对象
var cr = cr[0];//DOM对象
方式二：jQuery本身提供get(index)
var $cr = $("#cr");
var cr = $cr.get(0);
DOM对象转换jQuery对象
var cr = document.getElementById("cr");//DOM对象
var $cr = $(cr);//jQuery对象
一个选中checkbox就alert的例子
<input type="checkbox" id="cb"/>
$(document).ready(function(){//等待DOM对象加载完毕
var $cb = $("#cb");//通过id获取jQuery对象
$cb.click(function(){
if($cb.is(":checked")){//jQuery方式判断
alert("选中");
}
});
});
相关推荐
1.1.4 编写第一个简单的jQuery应用/3 1.1.5 jQuery程序的代码风格/5 1.2 jQuery的简单应用/7 1.2.1 jQuery访问DOM对象/7 1.2.2 jQuery控制DOM对象/7 1.2.3 jQuery控制页面CSS /9 1.3 本章小结/11 第2章 ...
前 言 第1章 jquery开发入门/1 1.1 jquery概述/2 1.1.1 认识jquery /2 1.1.2 jquery基本功能/2 1.1.3 搭建jquery开发环境/3 1.1.4 编写第一个简单的jquery应用/3 1.1.5 jquery程序的代码风格/5 1.2 jquery...
#### 第一章：认识jQuery **什么是jQuery？** jQuery是一个轻量级的JavaScript库，它简化了许多HTML文档遍历、搜索、修改和事件处理等操作，使开发者能够更高效地构建动态网页。它的主要优势在于通过简洁的语法...
##### 第1章：认识jQuery Mobile - **概述**：介绍了jQuery Mobile库的基本概念及其工作原理。 - **工作方式**：详细解释了jQuery Mobile是如何工作的，包括其核心机制和功能特点。 - **首个应用**：通过一个简单的...
在"ASP.NET技术开发网上书店 第一章上机作业"中，我们可以推测这是一份教学材料或课程实践，旨在帮助学习者掌握ASP.NET的基础知识，并应用到实际的网上书店项目中。 第一章通常会介绍基础概念和环境搭建，让我们...
对第一章的内容进行了回顾，强调了学习jQuery的重要性，并为下一章做了铺垫。 #### 第2章：创建被包装的元素集 - **2.1 选择元素以供操作** 介绍了如何使用不同的选择器来选取DOM中的元素，以便进行后续的操作...
### 第一章 认识 jQuery #### 1.1 WINDOW.ONLOAD 和 `$(document).ready(function() {})` 的区别 在JavaScript中，`window.onload` 事件是在整个页面（包括所有资源如图片、脚本等）加载完毕后触发的函数。而...
1. **第 1 章：认识 jQuery** - jQuery 的起源和发展历程。 - 为什么选择 jQuery 而不是原生 JavaScript。 - 安装和配置 jQuery。 2. **第 2 章：选择器与 DOM 操作** - jQuery 中的选择器语法，包括 CSS 选择...
前 言 第1章 jquery开发入门/1 1.1 jquery概述/2 1.1.1 认识jquery /2 1.1.2 jquery基本功能/2 1.1.3 搭建jquery开发环境/3 1.1.4 编写第一个简单的jquery应用/3 1.1.5 jquery程序的代码风格/5 1.2...
`第7章 表单选择器.pdf`文档可能是对这部分内容的一个详细讲解，建议配合源码阅读，加深理解。 总结，jQuery表单选择器的源码解析不仅有助于初学者了解其工作原理，还能提升对JavaScript和DOM操作的深入认识。通过...
jQuery的流行简化了JavaScript的开发，但随着HTML5的诞生，前端应用变得越来越复杂，MVVM框架应运而生，Vue.js便是其中之一。MVVM模式使得开发者可以更加专注于业务逻辑，而不是DOM操作，推动了SPA（单页应用程序）...
第一章：AJAX概述 在这一章中，读者将了解到AJAX（Asynchronous JavaScript and XML）的核心理念，即通过JavaScript实现页面的异步更新，提升Web应用程序的用户体验。这一章会介绍AJAX的历史背景，以及它如何改变了...
在本章《Web前端开发基础》中，...通过这一章的学习，读者将建立起对Web前端开发全面的认识，具备基本的HTML、CSS和JavaScript编写能力，并了解如何利用各种框架和工具提高开发效率，为后续的Web开发实践打下坚实基础。
首先，"第一章 了解JavaScript.ppt"会介绍JavaScript的基本概念，包括它的起源、用途以及在Web开发中的地位。JavaScript与HTML和CSS是构建网页的三大核心技术，它能够增强网页的交互性和实时性。这一章会讲解...
这一章通常会涵盖Java环境的搭建，包括JDK的安装和配置，以及编写并运行第一个"Hello, World!"程序。这一步是所有编程学习的起点，旨在让初学者对编程有个直观的认识，并熟悉Java开发的基本流程。 接着是“第02章 ...
### 03 初识 Node.js - Express #### 1.1 Express 简介 - **Express** 是一个基于 **Node.js** 平台，快速、开放...通过本章的学习，你已经对 Express 有了初步的认识，接下来可以深入探索其更多高级特性和应用场景。