学习jQuery
来源:互联网 发布:用户画像 都用什么算法 编辑:程序博客网 时间:2024/05/13 17:56
一、首先要加载jQuery的类库:
1.是把类库放在自己的电脑中,通过:<script language='javascript' type='text/javascript' src="../js/jquery-1.4.2.min.js"></script> 来调用类库
2.如果您不愿意在自己的计算机上存放 jQuery 库,那么可以从 Google 或 Microsoft 加载 CDN jQuery 核心文件。
通过下面的方法调用
使用 Google 的 CDN
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
使用 Microsoft 的 CDN
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>
二、jQuery 语法
jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。
基础语法是:$(selector).action()
- 美元符号定义 jQuery
- 选择符(selector)“查询”和“查找” HTML 元素
- jQuery 的 action() 执行对元素的操作
示例
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有段落
$("p.test").hide() - 隐藏所有 class="test" 的段落
$("#test").hide() - 隐藏所有 id="test" 的元素
在使用的时候还要注意别在加载文件之前就运行jQuery代码。
三、jQuery的选择器
(1)jQuery元素选择器
jQuery 使用 CSS 选择器来选取 HTML 元素。
$("p") 选取 <p> 元素。
$("p.intro") 选取所有 class="intro" 的 <p> 元素。
$("p#demo") 选取 id="demo" 的第一个 <p> 元素。
(2)jQuery属性选择器
jQuery 使用 XPath 表达式来选择带有给定属性的元素。
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
(3)jQuery CSS选择器
jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。
下面的例子把所有 p 元素的背景颜色更改为红色:
$("p").css("background-color","red");
具体的更多的选择器实例参见:
http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp
- 学习jquery-Jquery基础知识
- jquery学习--jQuery安装
- jQuery学习--jQuery选择器
- 学习JQuery
- jquery 学习
- JQuery 学习
- jquery 学习
- jQuery学习
- 学习JQuery
- jquery 学习
- jquery学习
- 学习jquery
- Jquery 学习
- JQuery 学习
- Jquery学习
- jquery 学习
- JQuery 学习
- jquery 学习
- base-mount
- windows刻录编程
- sd卡调试关键点
- CSDN精选Android开发博客
- Linux下定时切割Nginx访问日志并打包压缩的Shell脚本
- 学习jQuery
- 在公司学到的东西
- Mac OS X 基础介绍与使用教程
- 品牌电脑的HPA隐藏分区(转)
- aop:pointcut expression解析
- Android中dip(dp)和pix互相转化
- Android NDK简介
- eclipse 忽略拼写错误警告
- 内核同步机制