jquery学习笔记2(W3School学习)
来源:互联网 发布:黑马程序员基础测试题 编辑:程序博客网 时间:2024/05/29 11:21
1、jQuery使用
(1)下载jQuery库
从jQuery官网(http://jquery.com/download/)下载,也可以直接引用网络上的,谷歌和微软的服务器上都有jQuery,网址是
http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js
(2)安装
下载jQuery库,然后把它添加到使用的网页中
<span style="font-size:18px;"><script> <script src="jquery.js"></script></script></span>
2、选择器
(1)元素选择器
$("p")选取<p>元素
$("p.intro")选取所有class = "intro"的<p>元素
$("p#demo")选取所有id = "demo"的<p>元素
(2)属性选择器
$("[href]")选取所有带有href属性的元素
$("[href=‘#’]")选取所有带有href值等于"#"的元素
$("[href!=‘#’]")选取所有带有href值不等于"#"的元素
$("[href$=‘.jpg’]")选取所有href值以".jpg"结尾的元素
(3)CSS选择器
CSS选择器可用于改变HTML元素的CSS属性。
$("p").css("background-color","red");
$(this),当前HTML元素;$("p"),所有<p>元素;$("ul li:first"),每个<ul>的第一个<li>元素;$("div#intro .head"),id=“intro"的<div>元素中的所有class="head"的元素。
3、jQuery事件
$(document).ready(function),将函数绑定到文档的就绪事件(当文档完成加载时);
$(selector).click(function),触发或将函数绑定到被选元素的点击事件;
$(selector).dblclick(function),触发或将函数绑定到被选元素的双击事件;
$(selector).focus(function),触发或将函数绑定到被选元素的获得焦点事件;
$(selector).mouseover(function),触发或将函数绑定到被选元素的鼠标悬停事件。
- jquery学习笔记2(W3School学习)
- w3school学习2-jQuery 选择器
- JS学习笔记(w3school)
- W3School 学习笔记
- Ajax -- W3School 学习笔记
- HTML W3School 学习笔记
- W3School HTML5学习笔记
- DTD学习笔记(一),来自于w3school
- <学习笔记> html事件(源w3school)
- w3school学习1-jQuery 语法
- w3school学习3-jQuery 事件
- w3school学习4-jQuery 效果
- w3school学习9-jQuery 实例
- SQL学习(W3School)
- W3School's CSS学习笔记
- W3school学习笔记之html
- W3school学习笔记之HTML5
- W3school学习笔记之CSS
- POJ 1947 树形DP入门题
- Hdu 1010 Tempter of the Bone
- cookie
- The basic C interface in OpenCV for imagine processing
- 设置TextView中的部分位置可以点击,颜色不同
- jquery学习笔记2(W3School学习)
- getPhysicalNumberOfCells 与 getLastCellNum的差异
- hdu 1029 Ignatius and the Princess IV 快排
- Java 程序员们最常犯的10个错误
- Atlantis hdu 1542 线段树 扫面线 区间合并
- jquery使用attr访问自定义属性
- HDU--4784 Dinner Coming Soon DP+BFS
- hibernate连接本机数据源的简便写法:
- 关于embedded linux的使用、开发、学习的一点自已的体会