Jq_选择器、效果函数

JQuery 选择器

选择器                     实例                                   选取

*                             $("*")                                 所有元素

#id                          $("#lastname")                     id="lastname" 的元素

.class                      $(".intro")                           所有 class="intro" 的元素

element                  $("p")                                 所有 <p> 元素

.class.class             $(".intro.demo")                  所有 class="intro" 且 class="demo" 的元素

:first                        $("p:first")                          第一个 <p> 元素

:last                       $("p:last")                           最后一个 <p> 元素

:even                     $("tr:even")                         所有偶数 <tr> 元素

:odd                      $("tr:odd")                          所有奇数 <tr> 元素

:eq(index)              $("ul li:eq(3)")                            列表中的第四个元素(index 从 0 开始)

:gt(no)                  $("ul li:gt(3)")                            列出 index 大于 3 的元素

:lt(no)                   $("ul li:lt(3)")                      列出 index 小于 3 的元素

:not(selector)         $("input:not(:empty)")          所有不为空的 input 元素

:header                  $(":header")                         所有标题元素 <h1> - <h6>

:animated                                                             所有动画元素

:contains(text)        $(":contains(‘W3School‘)")    包含指定字符串的所有元素

:empty                  $(":empty")                         无子(元素)节点的所有元素

:hidden                  $("p:hidden")                       所有隐藏的 <p> 元素

:visible                  $("table:visible")                  所有可见的表格

s1,s2,s3                 $("th,td,.intro")                    所有带有匹配选择的元素

[attribute]                     $("[href]")                           所有带有 href 属性的元素

[attribute=value]    $("[href=‘#‘]")                      所有 href 属性的值等于 "#" 的元素

[attribute!=value]   $("[href!=‘#‘]")                     所有 href 属性的值不等于 "#" 的元素

[attribute$=value]   $("[href$=‘.jpg‘]")                所有 href 属性的值包含以 ".jpg" 结尾的元素

:input                    $(":input")                           所有 <input> 元素

:text                      $(":text")                             所有 type="text" 的 <input> 元素

:password              $(":password")                     所有 type="password" 的 <input> 元素

:radio                    $(":radio")                           所有 type="radio" 的 <input> 元素

:checkbox              $(":checkbox")                     所有 type="checkbox" 的 <input> 元素

:submit                  $(":submit")                        所有 type="submit" 的 <input> 元素

:reset                     $(":reset")                           所有 type="reset" 的 <input> 元素

:button                  $(":button")                         所有 type="button" 的 <input> 元素

:image                   $(":image")                         所有 type="image" 的 <input> 元素

:file                      $(":file")                             所有 type="file" 的 <input> 元素

:enabled                $(":enabled")                       所有激活的 input 元素

:disabled                $(":disabled")                      所有禁用的 input 元素

:selected                $(":selected")                       所有被选取的 input 元素

:checked                $(":checked")                       所有被选中的 input 元素

JQuery效果函数

方法                     描述

animate()               对被选元素应用“自定义”的动画

clearQueue()          对被选元素移除所有排队的函数(仍未运行的)

delay()                  对被选元素的所有排队函数(仍未运行)设置延迟

dequeue()                     运行被选元素的下一个排队函数

fadeIn()                 淡入被选元素至完全不透明

fadeOut()                     淡出被选元素至完全不透明

fadeTo()                把被选元素减弱至给定的不透明度

hide()                    隐藏被选的元素

queue()                 显示被选元素的排队函数

show()                  显示被选的元素

slideDown()           通过调整高度来滑动显示被选元素

slideToggle()          对被选元素进行滑动隐藏和滑动显示的切换

slideUp()               通过调整高度来滑动隐藏被选元素

stop()                    停止在被选元素上运行动画

toggle()                 对被选元素进行隐藏和显示的切换

时间: 2024-10-13 15:11:19

Jq_选择器、效果函数的相关文章

JQuery 选择器跟JQuery效果函数

JQuery 选择器 选择器                     实例                                   选取 *                             $("*")                                 所有元素 #id                          $("#lastname")                     id="lastname"

黑白效果函数

// 黑白效果函数 public static Bitmap changeToGray(Bitmap bitmap,boolean r, boolean g, boolean b) { int width, height; width = bitmap.getWidth(); height = bitmap.getHeight(); Bitmap grayBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.RGB_565); Can

反色效果函数

// 反色效果函数 public static Bitmap chageToInvert(Bitmap bitmap) { int width = bitmap.getWidth(); int height = bitmap.getHeight(); int colorArray[] = new int[width * height]; int r, g, b, index; bitmap.getPixels(colorArray, 0, width, 0, 0, width, height);

iPhone日历选择器效果

最近有个想法,要做一个仿iPhone日历的选择器插件,最终效果要如下图: 开始 首先注意到这些数字是按照滚轮的方式排列的,就先实现这个效果吧. 3D的世界中有个重要属性,transform rotate,其中rotateX效果如下 <img src="favicon.ico" style="transform:rotateX(0deg);"> <img src="favicon.ico" style="transfor

Jquery效果函数

jQuery 效果函数 方法 描述 animate() 对被选元素应用“自定义”的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选元素的所有排队函数(仍未运行)设置延迟 dequeue() 运行被选元素的下一个排队函数 fadeIn() 逐渐改变被选元素的不透明度,从隐藏到可见 fadeOut() 逐渐改变被选元素的不透明度,从可见到隐藏 fadeTo() 把被选元素逐渐改变至给定的不透明度 hide() 隐藏被选的元素 queue() 显示被选

原生JavaScript实现的图片轮播左右滑动效果函数封装

原生js实现的图片轮播左右滑动效果函数封装 方便以后需要的时候拿出来复用. 适合新手学习使用. 使用方法轮播图的html结构就不多说了.不过有一点:为了实现无缝无限轮播,需要在三张图片的最前面和最后面再额外添加两张图片(见下),原理简单说就是当图片滑动到最后一张时立马跳到第二张,眼睛看上去就像前后无缝一样. 把img_slider.js引入html,然后编辑window.onload = (function () { ··· });中的内容. (获取图片床,按钮,标识等元素.然后调用slideI

js中startWith、endWith效果函数

JavaScript采用正则表达式实现startWith.endWith效果函数 String.prototype.startWith=function(str){       var reg=new RegExp("^"+str);       return reg.test(this);        } String.prototype.endWith=function(str){       var reg=new RegExp(str+"$");     

jQuery 效果函数

jQuery 效果函数 方法 描述 animate() 对被选元素应用“自定义”的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选元素的所有排队函数(仍未运行)设置延迟 dequeue() 运行被选元素的下一个排队函数 fadeIn() 逐渐改变被选元素的不透明度,从隐藏到可见 fadeOut() 逐渐改变被选元素的不透明度,从可见到隐藏 fadeTo() 把被选元素逐渐改变至给定的不透明度 hide() 隐藏被选的元素 queue() 显示被选

怀旧效果函数

// 怀旧效果函数 public static Bitmap changeToOld(Bitmap bitmap) { int width = bitmap.getWidth(); int height = bitmap.getHeight(); Log.i("OldFilter", "width=" + width + "; height=" + height); Bitmap returnBitmap = Bitmap.createBitma