JQuery引入及相关标签和动态效果

概述

JQuery是一个别人写好的js文件；
为了简化开发，我们在引入后，直接调用就可以使用；

使用步骤

1.将jQuery文件复制到j项目的js文件夹下
2.使用script标签将jQuery文件引入到使用的html文件中：
注意：script标签再引入js文件后，该标签将不能再书写js代码，可以在下方再定义一个script标签用来书写代码。

寻找标签

$("选择器”）

操作标签

1.操作标签样式：
获取样式的属性值
var 变量名 = $(" 选择器").css(“属性名”）；

修改样式的属性值
$(" 选择器").css(“属性名”，“属性值”）；

2.操作标签内容：
获取标签所有内容
var 变量名 =$("选择器“).html();获取标签文本内容var变量名=$("选择器“).text();

修改标签所有内容，以标签形式展示
$("选择器”）.html(“修改后的内容”)；
修改标签中的所有内容，以文本形式展示
$("选择器”）.text(“修改后的内容”)；

3.操作标签属性
获取属性值
var 变量名 =$(“选择器”).attr(“属性名”)；
修改属性值
$(“选择器”).attr(“属性名”，“属性值”)；

注意：
上述1和3中，样式和属性的区别；修改样式是设置颜色，大小，边框等，作用在外观上。而修改属性是设置id,class,href等，作用在元素的行为和特性上。

事件

点击事件:
$(“选择器”).click(function(){
点击后要执行的代码
});
鼠标移入事件
$(“#选择器”).mouseenter(function(){
鼠标移入后执行的代码
});
鼠标移出事件
$(“#选择器”).mouseleave(function(){
鼠标移出后执行的代码
});
以下这些效果可以代替上面的click,mouseenter,mouseleave完成效果
显示隐藏
show(时间) //显示
hide(时间) //隐藏

淡入淡出
fadeIn(时间) //淡入
fadeOut(时间) //淡出

滑入滑出
slideDown(时间) //滑出
slideUp(时间) //滑入