jquery

Jquery经常做的事:找对象,干件事;

找对象:

$(“对象”)  这里的对象是指CSS选择器。主要包括:

1、css类选择器  常用

2、Css并集选择器 常用

3、Css后代选择器  常用

4、Css ID选择器  不常用

5、Css 元素选择器  不常用

6、Css 通配符选择器  $(“*”)  不常用

7、高级选择

$(this)当前的html对象,

解释:在一段完整的脚本里面,表示当前触发动作的那个对象(必须有选择范围(例如在.click里面写)

注意: $(this)是一个变量,是用户主观选择的那个,用户点到谁,就是谁。

.index() 获取当前在同级元素中的序号

遍历函数  (一般与$(this)合用)

兄弟

$("").prev()  在同级(兄弟)元素中,当前对象的前一个对象

$("").next()  在同级(兄弟)元素中,当前对象的后一个对象

 $("").not()   除了括号内对象之外的元素

 $("").first()兄弟级元素中的一个

.eq()

指向()中的序号元素,0开始计数。

.siblings()指除了当前元素之外的其他元素。

后代

$("").children(“要显示的对象”)  当前对象的第一级(只能是儿子级,不能是孙子级)子元素 复数

$("").find(“要显示的对象”)  当前元素的子孙元素(复数),小括号内必须指定是哪个对象。

祖先

parent()当前对象的父元素(单数

parents()当前对象的祖先元素(复数)

干件事:

1、.show() 让找到的对象显示。

2、.hide()  让找到的对象隐藏。

(效果)动画

1、.slideDown()   表示对象展开,下滑动画

2、.slideUp()   表示对象收起,收起动画,从有到无。

3、.fadeIn()  淡淡的显示   透明度的变化   从无到有

4、.fadeOut()淡淡的消失  透明度的变化   从有到无

5、.animate({"样式":"值"})自定义动画,起点关键帧,写在css中,animate写得是终点关键帧。

自定义动画的常用样式:width  height top  bottom  left    right   opacity(透明度);

6、.stop()只有两个值.stop(true,true)与.stop(true,false)两个值。前一个true表示是否取消列队动画。第二个值表示当前动画是否立即完成。比如.stop(true,true)意思是停止当前排队的动画,并且当前排队的动画直接跳转到终点帧状态。.stop(true,false)意思是停止当前排队的动画,并且当前排队的动画有过渡的播放完成。

注意:stop(true,true)停止动画,一般写在动画命令的前面,.delay()延迟,写在stop()后面。

1、.attr()  给标签的属性值增加或者替换值。

.attr({“属性”:”值”,{“属性”:”值”})

2、.css()  给元素增加一个样式或者多个样式。

.css({"样式":"值","样式":"值"})

function(){}用来建立联系,{要被触发的事件,可以为多件事},(参数)

1、.click(function(){})鼠标点击事件

2、.ready(function(){})文档加载事件

3、.hover(function(){鼠标悬停到对象时触发的事件},function(){鼠标移除对象时触发的事件})鼠标悬停事件

4、.Mouseoverfunction(){}鼠标悬停

原文地址:https://www.cnblogs.com/feiyu1111111111/p/4969316.html