随笔分类 - jQuery
摘要：1.定义和用法 创建动画： animate(params,[speed],[callback]) 参数： paramas：表示一个包含属性和值的映射，可以同时包含多个属性，例如{left:"200px",top:"100px"} speed：表示动画运行的适度，参数规则同其他动画效果的speed一致
阅读全文
摘要：1.jQuery 拥有以下滑动方法： slideDown()：用于向下滑动元素。 语法：$(selector).slideDown(speed,callback); slideUp()：用于向上滑动元素。 语法：$(selector).slideUp(speed,callback); slideTo
阅读全文
摘要：1.定义和用法 jQuery 拥有下面四种 fade 方法： fadeIn()：用于淡入已隐藏的元素 语法：$(selector).fadeIn(speed,callback); fadeOut()：用于淡出可见元素。 语法：$(selector).fadeOut(speed,callback);
阅读全文
摘要：1.隐藏 hide() 方法来隐藏 HTML 元素 语法： $(selector).hide(speed,callback); 参数: speed:隐藏的速度，可以取以下值："slow"、"fast" ,"normal"或毫秒。 slow->600 normal->400 fast->200 cal
阅读全文
摘要：1.冒泡事件： 举例：点击div元素，body元素也会执行点击事件，从而修改了body背景，但是我们指向修改div的背景 <body> <div id="box1" style="background-color: #00FFFF;width: 70px;height: 70px;"> </div>
阅读全文
摘要：1.打印对象属性： 代码： <script type="text/javascript"> //入口函数 $(document).ready(function(e){ $("button").bind("click",function(e){ console.log(e) }) }) </scrip
阅读全文
摘要：1.hover() 方法 hover() 方法规定当鼠标指针悬停（鼠标移入移除）在被选元素上时要运行的两个函数。 方法触发 mouseenter 和 mouseleave 事件。 注意: 1.如果只指定一个函数，则 mouseenter 和 mouseleave 都执行它。 2.$(selector
阅读全文
摘要：1.trigger() 方法 trigger() 方法触发被选元素上指定的事件以及事件的默认行为（比如表单提交）。 语法： $(selector).trigger(event,eventObj,param1,param2,...) 示例1:不带参 <script type="text/javascr
阅读全文
摘要：1.bind移除事件： unbind() 方法移除被选元素的事件处理程序。 语法： $(selector).unbind(event) 2.delegate移除事件： undelegate() 方法移除一个或多个由 delegate() 方法添加的事件处理程序。 语法： $(selector).un
阅读全文
摘要：1.定义和用法 bind() 方法向被选元素添加一个或多个事件处理程序，以及当事件发生时运行的函数。 语法： $(selector).bind(”type“[,data],fn); 参数： type：事件类型 data：可选参数，作为event.data属性值传递给事件对象的额外数据对象。大多数情况
阅读全文
摘要：1.定义和用法 事件模块中最重要的一个函数，它极大地提高了web响应速度 语法： $(document).ready(function(){}); 简写： // 当$()不带参数时默认就是document $().ready(function(){}); 还可以简写： $(function(){})
阅读全文
摘要：1.定义和用法 css() 方法设置或返回被选元素的一个或多个样式属性。 示例： <body> <script type="text/javascript"> //入口函数 $(document).ready(function(){ // 修改CSS属性 $("div").css("backgrou
阅读全文
摘要：1.定义和用法： addClass(class):为所有匹配的元素添加指定的CSS类名 注意：使用addClass()方式添加CSS类时，并不会删除先有的CSS类。同时，在使用以上方法时，其class参数都可以设置多个类名，类名与类名之间用空格分开 示例： <body> <script type="
阅读全文
摘要：1.包裹节点 wrap() :把匹配到的每一个元素用指定的HTML元素包裹起来 示例：把匹配到的每一个<p>标签用<div>包裹起来 <body> <script type="text/javascript"> //入口函数 $(document).ready(function(){ // 遍历 $
阅读全文
摘要：1.定义和用法 each() 方法为每个匹配元素规定要运行的函数。 提示：返回 false 可用于及早停止循环。 语法：$(selector).each(function(index){ }) 示例： <body> <script type="text/javascript"> //入口函数 $(d
阅读全文
摘要：1.定义和用法 $("element")replaceAll(selector) :方法把被选元素替换为新的 HTML 元素。 示例： <body> <script type="text/javascript"> //入口函数 $(document).ready(function(){ // 替换
阅读全文
摘要：1.定义和用法 clone() 方法生成被选元素的副本，包含子节点、文本和属性。 语法结构： $(selector).clone(true|false) 参数： true:规定需复制事件处理程序。 false:默认。规定不复制事件处理程序。 示例： <body> <script type="text
阅读全文
摘要：1.定义和用法 remove()：用于从DOM中删除所有匹配的元素，传入的参数用于根据jQuery表达式来筛选元素。 注意：remove()方法删除某个节点之后，该节点所包含的所有后代节点将同时被删除。该方法的返回值时一个指向已被删除的节点的引用，以后也可以继续使用这些元素。 <body> <scr
阅读全文
摘要：1.定义和用法 after(content):在被选元素之后插入内容 示例： <body> <script type="text/javascript"> //入口函数 $(document).ready(function(){ // 创建文本节点 var $jsp = $("<h1>hello w
阅读全文
浙公网安备 33010602011771号