1.源地址:
开发者可以直接在HTML源文件引用internet的jQuery库链接,使用库链接而不是将其下载到本地再引用有好处,因为Internet上的jQuery库都做了CDN加速。
<script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js(jquery.js也可以)"> </script>
$(selector).action() -- jQuery语法形式;
selector:选择器;
action():行为;
2.jQuery选择器:
常用的jQuery选择器
例子 | 描述 |
$("*") | 选取所有元素 |
$(this) | 选取触发事件的当前HTML元素 |
$("div.container") | 选取所有class为container的div元素 |
$("div#one") | 选取所有id为one的div元素 |
$("div:last") | 选取最后一个<div>元素 |
$("table tr:first") | 选取第一个<table>元素的第一个<tr>元素 |
$("ul li:first-child") | 选取每个<ul>元素的第一个<li>元素 |
$("[src]") | 选取带有“src”属性的元素 |
$("div[title='mainFrame']") | 选取所有title属性为mainFrame的“div”元素 |
$(":text") | 选取所有的单选文本框 |
$("p:visible") | 选取所有可见的<p>元素 |
$("td:odd") | 选取奇数位置的<td>元素 |
$(":enabled") | 选取所有可用元素 |
$(document) | 文档对象 |
$("p:contains("星期一")") | 选取所有内容包含"星期一"字样的<p>标签 |
$(":empty") | 选择所有内容为空的标签 |
3.行为:
(1):标记内容操作
.text():设置或返回标签中的文本内容;
.html():设置或返回标签中的HTML内容;
.val():设置或返回表单控件中的用户输入数据;
.attr("attr_name"):设置或返回标签的某属性;
.css("property_name"):设置或返回标签的某css属性;
(2):标签新增与删除
.append():在父标签的最后部分插入;
.prepend():在父标签的最前面插入;
.after():紧跟在某元素的后面插入;
.before():在某元素之前插入;
.remove():删除标签,同时删除子标签;
.empt():清空标签内容,但是不删除标签标签本身;
(3)事件响应
jQUery封装了对HTML事件的响应处理,每个事件定义为一个行为。
语法形式:$(selector).EVENT(function(){
事件处理代码;
});
EVENT:HTML事件去除“on”后的名字,有一个特殊的事件$(document).ready()用于响应文档已加载完成的事件。
(4):jQuery特效
.hide()/show():隐藏、显示元素;
.toggle():在元素的hide和show状态之间进行切换;
.fadein/fadeout():dan
.fadetoggle():在fadein和fadeout状态之间转换;
.fadeTo(speed, opacity, callback):渐变为给定的不透明度。speed可以取值为slow、fast或者毫秒;opacity值介于0到1之间;callback为动作完成后调用的回调函数;
.slideDown()/slideUo():向下滑动出现,向上滑动隐藏;
,slideToggle():在slideDown和slideUp之间状态转换;
.animate({param, speed, callback}):自定义动画效果。其中param可以是任何CSS属性。
.stop():停止动画;