Jq_选择器、效果函数

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

jQuery 效果函数，jquery文档操作，jQuery属性操作方法，jQuerycss操作函数，jQuery参考手册-事件，jQuery选择器

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

jQuery 效果函数

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

jquery 动画总结（主要指效果函数）

动画无非两类:帧动画frame和变形动画tween,以及3d动画.不论web还是安卓苹果app,动画原理都是这些. web app 动画实现的途径,无非这几种:1 gif动画---这就是帧动画,把若干图片按时间顺序串起来.gif不能为程序控制,主要应用在固定的重复动画效果.2 flash动画---可做复杂绚丽的动画,并可使用脚本.曾几何时flash在2000年左右火的一塌糊涂.随着html5的发展,相信flash市场份额会继续下滑.3 css动画---一般的动画效果配合,css3+html5可做…

jQuery的效果函数

jQuery的效果函数有很多,下面让我们一起看看jQuery的效果函数吧: jQuery的效果函数列表: animate():对被选元素应用“自定义”的动画. clearQueue():对被选元素移除所有排队的函数(仍未运行的). delay():对被选元素的所有排队函数(仍未运行)设置延迟. dequeue():运行被选元素的下一个排队函数. fadeln():逐渐改变被选元素的不透明度,从隐藏到可见. fadeOut():逐渐改变被元素的不透明度,从可见到隐藏. fadeTo():把被选元素…

采用正则表达式实现startWith、endWith效果函数

startsWith函数,时Java中的在js使用时他并不是每个浏览器都有的,所以我们一般要重写一下这个函数采用正则表达式实现startWith.endWith效果函数 String.prototype.startWith=function(str){ var reg=new RegExp("^"+str); return reg.test(this); } //测试ok,直接使用str.endWith("abc")方式调用即可 String.prototype…

用Less CSS定义常用的CSS3效果函数

定义圆角及调用 /* 定义圆角 @radius 圆角大小 */ .round(@radius:5px){ border-radius:@radius; -webkit-border-radius: @radius; -moz-border-radius: @radius; } .round7{ .round(7px); } 定义盒子阴影及调用 /* 盒子阴影 @right_left 右边阴影为正数左边负数 @bottom_top 下边阴影为正数上边负数 @box 阴影大小 @box_co…

用Less定义常用的CSS3效果函数及常用颜色搭配（让CSS写起来更有趣）

定义圆角及调用 /* 定义圆角 @radius 圆角大小 */ .round(@radius:5px){ border-radius:@radius; -webkit-border-radius: @radius; -moz-border-radius: @radius; } .round7{ .round(7px); } 定义盒子阴影及调用 /* 盒子阴影 @right_left 右边阴影为正数左边负数 @bottom_top 下边阴影为正数上边负数 @box 阴影大小 @box_colo…

IE6中使用通用选择器模拟子选择器效果

IE6及更低版本不支持高级选择器:IE7有个bug,对于子选择器和相邻同胞选择器,如果父元素和子元素有HTML注释,会出问题. 下面我们使用通用选择器来模拟子选择器的效果. 原理:首先在所有后代上应用你希望的样式,然后使用通用选择器覆盖子元素的后代上的样式. <style> li{list-style: none;} /*#nav>li{background: url(img/head-1.png) no-repeat left center;padding-left: 40px;}*/…

jQuery中的效果函数方法整理

注:以下所有的speed 参数可选,规定效果的时长.它可以取以下值:"slow"."fast" 或毫秒. 以下所有的callback 参数可选,是效果完成后所执行的函数名称. 1.隐藏和显示方法. $(selector).show(speed,callback) $(selector).hide(speed,callback) $(selector).toggle(speed,callback) 2.淡入淡出方法. $(selector).fadeIn(speed,…

jQuery 效果函数（三）

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

jQuery效果函数

jQuery有很我的效果可以实现,比如说淡入淡出的效果:<html> <head> <style> #box{width:200px;height:200px;background:red;opacity:1;} </style> </head> <body> <div id="box"> </div&…

jquery实现城市选择器效果(二级联动)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

jQuery基础知识--选择器与效果

$(this).hide()-----隐藏当前元素 $("p").hide()------隐藏所有段落 $(".test").hide()--隐藏所有class="test"的元素 $("#test").hide()--隐藏所有id="test"的元素文档就绪函数 $(document).ready(function() { ---------jQuery function go here----…

jQuery语法、选择器、效果等使用

1．jQuery语法 1.1 基础语法:$(selector).action( ) 美元符号定义 jQuery 选择符(selector)“查询”和“查找” HTML 元素 jQuery 的 action() 执行对元素的操作示例: $(this).hide() - 隐藏当前元素 $(".test").hide() - 隐藏所有 class="test" 的所有元素 $(“ul li:first”) - 每个<ul>的第一个<li>元素 $…

2016/2/26 jQuery的技术 1，安装 2，语法选择器$ 事件触发 3，常用jQuery函数

在<网页制作Dreamweaver(悬浮动态分层导航)>中,运用到了jQuery的技术,轻松实现了菜单的下拉.显示.隐藏的效果,不必再用样式表一点点地修改,省去了很多麻烦,那么jQuery具体是如何使用的,以下会详细讲述jQuery的基础用法: 1.安装: http://jquery.com/download/登陆这个jQuery的下载站点,里面有以下几个选项: 一般的开发者选择(1)下载就可以了,文件比较小,也够用,当然需要开发jQuery的可以下载(2) 下载完成后,进入DW,在.html…

JQuery（一）---- JQ的选择器，属性，节点，样式，函数等操作详解

JQuery的基本概念 JQuery是一个javascript库,JQuery凭借着简洁的语法和跨平台的兼容性,极大的简化了js操作DOM.处理事件.执行动画等操作.JQuery强调的理念是:'write less, do more'(写的少,做的多). 1.JQuery的版本版本兼容范围 1.x版本能够兼容IE678浏览器 2.x版本不兼容IE678浏览器 3.x版本不兼容IE678浏览器,更加的简洁名称大小说明 jquery.js(开发版) 约229KB 完整无压缩版本,主要…

iosselect：一个js picker项目，在H5中实现IOS的select下拉框效果

具体文档和demo可以访问github:https://github.com/zhoushengmufc/iosselect 移动端浏览器对于select的展示样式是不一致的,ios下是类似原生的picker,安卓下各浏览器展示各异,我们需要一个picker组件来统一各端下各种浏览器的展示. iosselect是在webapp下的一个picker组件,可以轻松实现各类选择器效果.比如地区选择时间选择日期选择等. 下面是一个地址选择器demo截图,可以访问:http://zhoushengfe…

js中的全局变量和静态变量的使用, js 的调试?- 如果js出错, js引擎就会停止, 这会导致后面的 html中 refer 该函数时, 会报错函数为定义!!

效果里面的函数, 如show, hide,slideDown等, 这些都叫 "效果"函数, 但是里面可以包含动画, 也可以不包含动画. 动画,是指元素的内容是逐渐显示/隐藏的, 不是一下子就出来的. 如果函数中的参数 speed 或 spe, 不写, (speed的默认值等于0) 就是 "直接效果, 原始效果", 没有动画的版本; 如果指定了参数 spe, 就是有动画的版本, 两者都是 " 效果 " 函数效果函数中的 spee…

JQuery函数库

核心Core 函数$()动态创建由 jQuery 对象包装的 DOM 元素$.unique()去重排序函数$.inArray()在数组中搜索指定的值并返回其索引$.merge()合并数组属性Param 函数attr()设置或返回被选元素的属性值.removeAttr()从每一个匹配的元素中删除一个属性prop()获取在匹配的元素集中的第一个元素的属性值.removeProp()用来删除由.prop()方法设置的属性集addClass()为每个匹配的元素添加指定的类名.removeClass()…

《jQuery权威指南》学习笔记之第2章 jQuery选择器

2.1 jQuery选择器概述 2.1.1 什么使选择器 2.1.2 选择器的优势: 代码更简单,完善的检测机制 1.代码更简单示例2-1 使用javascript实现隔行变色 <html> <head> <title>使用Javascript实现隔行变色</title> <style type="text/css"> body { font-size: 12px; text-align: center; }…

jQuary学习の三の效果展示

一.隐藏显示 1.$(selector).hide(speed,callback);2.$(selector).show(speed,callback); 可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"."fast" 或毫秒. 可选的 callback 参数是隐藏或显示完成后所执行的函数名称. 3.$(selector).toggle(speed,callback);(隐藏显示之间的切换.) 可选的 speed 参数规定隐藏/显示的速度,可…

JQuery系列（1） - 选择器、构造函数、实例方法

概述 JQuery是一个JavaScript库,jQuery的核心思想是“先选中某些网页元素,然后对其进行某种处理”(find something, do something),也就是说,先选择后处理,这是jQuery的基本操作模式.所以,绝大多数jQuery操作都是从选择器开始的,返回一个选中的结果集. JQuery选择器 jQuery 参考手册 - 选择器:http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp JQuery构…

iosselect：一个js picker项目，在H5中实现IOS的下拉效果

iosselect是在webapp下的一个picker组件,可以轻松实现各类选择器效果.比如地区选择时间选择日期选择等. 下面是一个地址选择器demo截图,可以访问:http://zhoushengfe.com/iosselect/demo/three/area.html 该js picker接口丰富,适用于多类场景可以定制依赖关系,可以定制选择层级,可以定制高度展示项数.无论你是px还是rem,都完全不是问题.无论你是react还是angular还是vue还是zepto jquey都不…

多功能前台交互效果插件superSlide

平时我们常用的"焦点图/幻灯片""Tab标签切换""图片滚动""无缝滚动"等效果要加载n个插件,又害怕代码冲突又怕不兼容现在我们只需求要一个多功能前台交互效果插件superSlide就可以搞定了现在介绍这个插件SuperSlide.2.1.1 下载地址:http://www.superslide2.com/ js.min文件 /*! * SuperSlide v2.1.1 * 轻松解决网站大部分特效展示问题 * 详尽信息请…

jQuery-1.9.1源码分析系列（三） Sizzle选择器引擎——总结与性能分析

Sizzle引擎的主体部分已经分析完毕了,今天为这部分划一个句号. a. Sizzle解析流程总结是时候该做一个总结了.Sizzle解析的流程已经一目了然了. 1.选择器进入Sizzle( selector, context, results, seed )函数,先对选择器不符合要求的(比如没有选择器.选择器不为字符串.上下文环境context不是节点元素且不是document)排除,直接返回:接着判断如果选择器是简单的选择器(只有一个元选择器,比如“#ID”.“.CLASS”.“TAG”等)…

JQuery学习之各种效果演示

1.隐藏与显示:hide()和show(),toggle() **隐藏: $("#hide").click(function(){ $("p").hide(); }); **显示: $("#show").click(function(){ #("p").show(); }); **切换:toggle()方法来切换hide()和show()方法 $("button").click(function(){ $(…

CSS中模拟父元素选择器

很多情况下,我们需要找到父元素,但可惜的是css中并没有这样的一个选择器. 至于原因可以看张鑫旭的如何在CSS中实现父选择器效果这篇文章. 简单来说这个实现并不是真正的父元素选择器,只是利用其它思路来实现相同效果罢了. HTML: <div id="box"> <p>pppppppp</p> <span></span> </div> CSS: div,p{ margin:0; padding:0; } #box{…

jquery笔记（效果）

显示/隐藏: $(selector).hide(speed, function()):隐藏 $(selector).show(speed, function()):隐藏 $(selector).toggle(speed, function()):显示/隐藏切换淡入/淡出: $(selector).fadeIn(speed, function()):淡入,必须先把元素隐藏掉(display:none) $(selector).fadeOut(speed, function()):淡出,即慢慢的隐…

OpenGL（二）——函数库简述

简述 1. OpenGL用到的库分为OpenGL核心库.OpenGL实用库.OpenGL辅助库和OpenGL工具库(不是必须) 2. OpenGL核心库核心库包含有115个函数,函数名的前缀为gl 这部分函数用于常规的.核心的图形处理,由gl.dll来负责解释执行.由于许多函数可以接收不同数据类型的参数,因此派生出来的函数原形多达300多个核心库中的函数主要可以分为以下几类函数: 1)绘制基本几何图元的函数如绘制图元的函数glBegin().glEnd().glNormal*().glVe…

【Jq_选择器、效果函数】的更多相关文章