概述

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

使用步骤

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

寻找标签

$("选择器”）

操作标签

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

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

2.操作标签内容： 获取标签所有内容 var 变量名 =

(

"

选择器“

)

.

h

t

m

l

(

)

;

获取标签文本内容

v

a

r

变量名

=

("选择器“).html(); 获取标签文本内容 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(时间) //滑入

精彩文章

评论可见，请评论后查看内容，谢谢！！！
 您阅读本篇文章共花了：