jQuery常用功能函数

jQuery常用功能函数

1.1 css函数（设置匹配元素行内样式）
概述：它是JQ当中封装函数【只能JQ对象才可以使用】；它主要的作用是可以设置匹配元素行内样式；

l CSS函数如果是属性+属性值形式只能设置一个

l CSS函数一执行，返回还是JQ对象，因此可以连续打点【链式语法】

l 执行:从左到右执行

$(“div”).css({

         "width":600,

         "height":400,

                "background":"red",

                "textAlign":"center",

         "fontSize":30,

         "borderRadius":"50%",

                "lineHeight":"400px"

    });

l 设置匹配元素样式统一传递JSON数据格式

l 一般情况下是可以不用书写【lineHeight：需要书写单位】

1.2 addClass || removeClass函数（给匹配元素添加、移除类名）

概述：他们也是JQ当中常用功能函数，主要作用是可以给匹配元素添加、移除类名；

l addClass||removeClass：添加、移除类名【这两个函数执行返回值还是JQ对象】

l JQ支持链式语法：从左到右执行

1.3 val / html函数（操作表单元素文本和非表单元素文本）
jQuery一般可以连续打点，只有val、html在获取时不能连续打点，因为返回的是字符串。在设置时可以连续打点。

概述：val || html都是JQ当中函数；主要功能是操作文本；

l val：操作的是表单元素文本

l html：操作非表单元素文本

操作：指的是获取、设置

l val || html都是JQ当中函数【别忘记加上小括号】

l 获取文本返回字符串，设置文本返回JQ对象【连续打点】

1.4 attr （操作元素属性）

概述：它是JQ当中函数；主要的作用是可以操作元素属性【系统内置、自定义】；

<meta charset="UTF-8" />

<!-- 引包 -->

  <div class="box haha"     id="xixi"     nijiaosha="美滋滋"></div>

l 红色部分属性：自定义属性【非w3c规定属性，程序猿自己定义属性】

l attr方法：可以操作标签系统内置属性、自定义属性

l attr获取属性：$(secector).attr(属性)

l attr设置属性：$(selector).attr(属性，属性值)

1.5 each*******（遍历匹配元素）

概述：它是JQ当中方法；主要的作用是可以遍历匹配元素；

l 蓝色部分【JQ对象：数组里面四个元素】

l 红色部分each：主要的作用是遍历到每一个匹配元素；

l 绿色部分：JQ当中已经封装好了。第一个参数：遍历当前数组元素索引 值。第二个参数：遍历数组里面元素。

$("div").each(function(index,ele){

      $(ele).css({"background":"red"});

 });

$(“div”).each(function(index,ele){

$(ele).css({

“width”:(index + 1) * 100

     })

 });

1.6 delay （延迟—经常结合动画函数一起使用，主要作用延迟时间）

概述：它也是JQ当中函数；它主要的作用是经常结合动画函数一起使用，目的是让动画函数延迟一段时间以后再执行；

l 执行顺序从左到右【单位是毫秒】

<meta charset="UTF-8" />

<style type="text/css">

    *{

margin:0;

padding: 0;

    }

    body{

background:black;

    }

    p{

font-size:25px;

color:white;

margin-top:10px;

display: none;

/* 文本阴影：这里不需要记住没有学习那 */

text-shadow:2px 2px 2px yellow;

    }

当我走在这里的每一条街道

我的心似乎从来都不能平静

除了发动机的轰鸣和电气之音

我似乎听到了他烛骨般的心跳

我在这里欢笑

我在这里哭泣

我在这里活着

也在这里死去

我在这里祈祷

我在这里迷惘

当我走在这里的每一条街道

我的心似乎从来都不能平静

除了发动机的轰鸣和电气之音

我似乎听到了他烛骨般的心跳

我在这里欢笑

我在这里哭泣

我在这里活着

也在这里死去

我在这里祈祷

我在这里迷惘

1.7 index*****（获取到匹配元素索引值）

概述：它也是JQ当中函数；主要的作用是可以获取到匹配元素索引值；

返回的是数字；