【jQuery 自学笔记—3】的更多相关文章

jQuery:自学笔记(5)——Ajax

jQuery:自学笔记(5)——Ajax 使用Ajax快捷函数 说明 出于简化AJAX开发工作的流程,jQuery提供了若干了快捷函数. 实例 1.显示 test.php 返回值(HTML 或 XML,取决于返回值). $.get("test.php", function(data){   alert("Data Loaded: " + data); }); 2.向页面 test.php 发送数据,并输出结果(HTML 或 XML,取决于所返回的内容): $.pos…

jQuery:自学笔记(4)——事件与事件对象

jQuery:自学笔记(4)——事件与事件对象 jQuery中的事件 什么是事件 所谓事件,就是被对象识别的操作,即操作对象队环境变化的感知和反应,例如单击按钮或者敲击键盘上的按键. 所谓事件流,是指HTML文档使用的是DOM模型,而该模型是从上到下一级一级的结构,因此就会触发一连串的对象.例如单击HTML页面上的某个按钮时,不仅会触发按钮的单击事件,还会触发安装所属容器div的单击事件,同时还会触发父级别容器的单击事件. jQuery中支持的事件和事件类型 方法 描述 bind() 向元素添加…

jQuery:自学笔记(3)——操作DOM

jQuery:自学笔记(3)——操作DOM 修改元素的属性 获取元素属性 设置元素属性 修改元素的内容 说明 有三种方式可以获取HTML元素的内容,分别是 ☐ text():设置或返回所选元素的文本内容. ☐ html():设置或返回所选元素的内容(包括html标记). ☐ var():设置或返回表单字段的值. 获取元素的内容 动态创建内容 说明 jQuery允许开发人员动态的为页面添加内容,类似于JavaScript中的CreateElement. jQuery创建元素使用的工厂函数$()实现…

jQuery:自学笔记(2)——jQuery选择器

jQuery:自学笔记(2)——jQuery选择器 基本选择器 说明 jQuery的基本选择器与CSS的选择器相似: 实例 标签选择器 //使用标签选择器更改字体大小 $(div).css('font-size','18px') ID选择器 //使用id选择器改变背景颜色 $('#div1').css('background','red'); 说明:ID选择器中,ID前面必须加一个#,以表明这是一个jQuery的ID选择器. 类选择器 //使用类选择器设置字体样式 $('.spanclass')…

jQuery:自学笔记(1)——基础入门

jQuery:自学笔记(1)——基础入门 认识JQuery 1.jQuery概述 jQuery是一个快速.小巧 .功能丰富的JavaScript函数库.它可以实现“写的少,做的多”的目标. jQuery库包含以下功能: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 它使得像HTML文档的遍历和操作 .事件处理 .动画.Ajax异步加载等等这些技术可以通过运用API非常简单和容…

jQuery自学笔记（二）：jQuery选择器

一.简单选择器 ID选择器:$('#box') 元素标签名:$('div') 类选择器:$('.box') jQuery提供了length和size()两种方法查看返回的元素,可验证ID在页面只出现一次,ID多次出现则后面的会“失明”.CSS找到元素后添加的是单一的样式,jQuery找到元素后添加的是动作行为.jQuery子选择器兼容IE6,如:$('#box>p') 二.进阶选择器 群组选择器:获取多个DOM对象,如:$('span,em,.box') 后代选择器:获取追溯到多个DOM对象,如…

jQuery自学笔记（一）：初识jQuery

jQuery 是一个 JavaScript 函数库, jQuery 库位于一个 JavaScript 文件中,其中包含了所有的 jQuery 函数,引用jQuery应该注意: <script> 标签应该位于页面的 <head> 部分. 实际上我们还可以从 Google 或 Microsoft 加载 CDN jQuery 核心文件,分别如下(这里是1.8.0版本): Google 的 CDN: <script src="http://ajax.googleapis.c…

jQuery自学笔记（四）：jQuery DOM节点操作

获得和设置内容:text( ).html( ) 以及 val( ) text( ) - 设置或返回所选元素的文本内容 html( ) - 设置或返回所选元素的内容(包括 HTML 标记) val( ) - 设置或返回表单字段的值 例子: $("#btn1").click(function(){   $("#test1").text("Hello world!"); }); $("#btn2").click(function()…

jQuery自学笔记（三）：jQuery动画效果

jQuery隐藏和显示: 使用 hide( ) 和 show( ) 方法来隐藏和显示 HTML 元素: 语法: $(selector).hide(speed,callback); $(selector).show(speed,callback);   可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"."fast" 或毫秒,可选的 callback 参数是隐藏或显示完成后所执行的函数名称.   一个关于调用callback函数的实例:   $(…

jQuery 自学笔记—3

jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数,隐藏当前的 HTML 元素. $("#test").hide() 演示 jQuery hide() 函数,隐藏 id="test" 的元素. $("p").hide() 演示 jQuery hide() 函数,隐藏所有 <p> 元素. $(".test").hide() 演示 jQuery hide() 函数,隐藏所有 c…