- jQuery的介绍
jQuery 是目前使用最广泛的 javascript 函数库
需要用一个script标签引入JS文件
- jQuery的入口函数
jQuery的入口函数有三种形式 :
第一种:
$(document).ready(function(){
});
第二种:
jQuery(document).ready(function(){
});
第三种:(常用)
$(function(){
})
- jQuery的样式操作
获取样式
$("元素").css("属性");
设置样式
$("元素").css("属性","属性值");
设置多个样式
$("元素").css({属性_01:"属性值_01",属性_02:"属性值_02"});
- jQuery 属性操作
1. html()取出或设置html内容 (用于html)
var $htm = $('#div1').html();
$('#div1').html('<span>添加文字</span>');
2. text()取出或设置 text 内容(用于文本)
var $htm = $('#div1').text();
$('#div1').text('<span>添加文字</span>');
3. attr()取出或设置某个属性的值(用于图片)
var $src = $('#img1').attr('src');
$('#img1').attr({ src: "test.jpg", alt: "Test Image" });
- jQuery 的特效效果
fadeIn()淡入
fadeOut() 淡出
fadeToggle() 切换淡入淡出
hide() 隐藏元素
show() 显示元素
toggle() 依次展示或隐藏某个元素
slideDown() 向下展开
slideUp() 向上卷起
slideToggle() 依次展开或卷起某个元素
- jQuery 动画
通过animate方法可以设置元素某属性上的动画
$('div').animate({
执行的属性;
},执行时间(毫秒),function(){})
- jQuery点击事件
$('#btn').click(function(){});