1.选择器实例
$(this) 当前 HTML 元素
$("p") 所有 <p> 元素
$("p.intro") 所有 class="intro" 的 <p> 元素
$(".intro") 所有 class="intro" 的元素
$("#intro") id="intro" 的第一个元素
$("ul li:first") 每个 <ul> 的第一个 <li> 元素
$("[href$='.jpg']") 所有带有以 ".jpg" 结尾的属性值的 href 属性
$("div#intro .head") id="intro" 的 <div> 元素中的所有 class="head" 的元素
2.事件
$(document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时)
$(selector).click(function) 触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件
$(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件
3.效果
3.1.切换函数
$(selector).hide(speed,callback) 隐藏被选元素
$(selector).show(speed,callback) 显示被选元素
$(selector).toggle(speed,callback) 切换(在隐藏与显示之间)被选元素
3.2.滑动函数
$(selector).slideDown(speed,callback) 向下滑动(显示)被选元素
$(selector).slideUp(speed,callback) 向上滑动(隐藏)被选元素
$(selector).slideToggle(speed,callback) 对被选元素切换向上滑动和向下滑动
3.3.透明度控制函数
$(selector).fadeIn(speed,callback) 淡入被选元素
$(selector).fadeOut(speed,callback) 淡出被选元素
$(selector).fadeTo(speed,opacity,callback) 把被选元素淡出为给定的不透明度
3.4.自定义动画
$(selector).animate({params},[duration],[easing],[callback]) 对被选元素执行自定义动画
4.HTML 操作
$(selector).html(content) 改变被选元素的(内部)HTML
$(selector).append(content) 向被选元素的(内部)HTML 追加内容
$(selector).prepend(content) 向被选元素的(内部)HTML “预置”(Prepend)内容
$(selector).after(content) 在被选元素之后添加 HTML
$(selector).before(content) 在被选元素之前添加 HTML
5.CSS 函数
$(selector).css(name,value) 为匹配元素设置样式属性的值
$(selector).css({properties}) 为匹配元素设置多个样式属性
$(selector).css(name) 获得第一个匹配元素的样式属性值
$(selector).height(value) 设置匹配元素的高度
$(selector).width(value) 设置匹配元素的宽度
参考:http://www.w3school.com.cn/jquery/
分享到:
相关推荐
jquery入门教程 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery 包装集 从零开始学习jQuery (四) 使用jQuery 操作元素的属性与样式 从零开始...
jQuery的主要功能包括选取、操作和隐藏HTML元素,以及使用jQuery对象和函数。 在开始学习jQuery之前,我们需要理解为什么要学习jQuery。在使用原生JavaScript开发过程中,存在许多问题,如查找元素的方法单一、遍历...
jQuery开发入门 jQuery选择器 jQuery操作DOM Ajax在jQuery中的应用 jQuery实用工具函数
从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) 事件...
jquery简单使用、jquery入门、jquery技巧
jQuery入门 构造函数,需要的朋友可以参考下。
目录 一,JS对象二,DOM–1,作用–2,测试三,Jquery–1,概述–2,使用步骤–3,入门案例–4,jQuery的文档就绪四,JQuery的语法–1,选择器–2,常用函数–3,常用事件–4,练习总结 一,JS对象 二,DOM –1,...
jQuery基础入门: jQuery简介 jQuery核心方法及DOM对象 事件与事件对象 jQuery中的Ajax jQuery工具函数
1.第1章 jQuery入门 11.1 jQuery能做什么 11.2 jQuery为什么如此出色 21.3 第一个jQuery文档 31.3.1 下载jQuery 31.3.2 设置HTML文档 41.3.3 编写jQue... 2.第2章 选择符——取得你想要的一切 102.1...
jquery学习笔记及常用函数封装 JQuery1.10.1 jquery-ui.min.js 从JQuery入门 -> 进阶 -> 实战
jQuery入门[1]-构造函数 jQuery优点 ◦ 体积小(v1.2.3 15kb) ◦ 丰富的DOM选择器(CSS1-3 + XPath) ◦跨浏览器(IE6,FF,Safari,Opera) ◦ 链式代码 ◦ 强大的事件、样式支持 ◦ 强大的AJAX功能 ◦ 易于扩展,插件...
jQuery构造函数 JQuery优点 ◦体积小(v1.2.3 15kb) ◦丰富的DOM选择器(CSS1-3 + XPath) ◦跨浏览器(IE6,FF,Safari,Opera) ◦链式代码 ◦强大的事件、样式支持 ◦强大的AJAX功能 ◦易于扩展,插件丰富 jQuery的...
从零开始学习jQuery (一) 开天辟地入门篇 2 一.摘要 2 二.前言 3 三.什么是jQuery 3 四.Hello World jQuery 4 五.启用Visual Studio 对jQuery的智能感知 6 六.在独立的.JS文件中启用脚本智能感知 8 七.总结 9 从零...
从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) ...
是一个jQuery选择器,$本身表示一个jQuery类,所有$()是构造一个jQuery对象,click()是这个对象的方法,同理$(document)也是一个jQuery对象,ready(fn)是$(document)的方法,表示当document全部下载完毕时执行函数。...
第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权威指南》第1章jQuery开发入门,本章通过循续渐进的方式,先从jQuery的基础概念入手,介绍jQuery库的下载,引入简单应用方法;后部分侧重于jQuery控制DOM对象和页面CSS样式的介绍,通过一些简单的小示例,...
选择符可以认为是一个增强版的getElementById方法。getElementById方法返回的是一个HTML元素,jQuery...事实上,JQuery的核心$函数的威力远不止当作选择符来用,当它的参数是一个函数的时候,它的作用是类似onload事
本套Java视频教程循序渐进地对jQuery的各种选择器、函数和方法调用进行了详细的讲解,更结合了大量的案例进行分析。001_动力节点_jQuery视频 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。