随笔分类 -  jquery学习笔记

jquery 操作表格实例
摘要：案例1：隔行变色，滑动，点击变色以（选中取消效果）（addClass(),removeClass(),toggleClass()）Html：1.隔行变行 name 特长 QQ ... 阅读全文
posted @ 2015-11-23 22:56 Honker书生 阅读(721) 评论(0) 推荐(0)
jquery对象访问
摘要：jquery对象访问方法名说明语法（callback 执行的函数，object指定元素的对象。）each()用于以当前jQuery对象匹配到的每个元素作为上下文来遍历执行指定的函数jQueryObject.each( callback )size()用于返回当前jQuery对象封装的元素个数。如果该... 阅读全文
posted @ 2015-11-12 22:32 Honker书生 阅读(2529) 评论(0) 推荐(0)
jquery事件之事件
摘要：事件名说明语法（events事件类型，data数据，handler事件处理函数，selector选择器）blur()获得失去鼠标光标焦点事件jQueryObject.blur( [ [ data ,] handler ] )change()在文本内容或选项被更改时触发。该事件仅适用于和以及jQuer... 阅读全文
posted @ 2015-11-12 22:18 Honker书生 阅读(334) 评论(0) 推荐(0)
jquery事件之事件委托和事件切换
摘要：一、事件委托函数：方法名说明语法（events事件类型，data数据，handler事件处理函数，selector选择器）live用于为指定元素的一个或多个事件绑定事件处理函数。jQueryObject.live( events [, data ], handler ) jQueryObject.o... 阅读全文
posted @ 2015-11-11 23:22 Honker书生 阅读(529) 评论(0) 推荐(0)
jquery事件之事件处理函数
摘要：一.事件处理方法名说明语法（events事件类型，data数据，handler事件处理函数，selector选择器）Bind(为每一个匹配元素的特定事件（像click）绑定一个事件处理器函数。没用on关键字jQueryObject.bind(events[,data],handler)One为每一个... 阅读全文
posted @ 2015-11-11 22:51 Honker书生 阅读(2512) 评论(0) 推荐(0)
jquery动画效果
摘要：1.基本show()显示效果$(document).ready(function(){ $("button").click(function(){ //$(".one").show(); $(".one").show("slow"); });});hide()隐藏效果$(docum... 阅读全文
posted @ 2015-11-10 23:52 Honker书生 阅读(166) 评论(0) 推荐(0)
jquery筛选元素函数
摘要：jquery筛选元素函数1.过滤匹配第二个p元素： $("button").click(function(){ $("p").eq(1).css("color","red"); });匹配第一个li元素： $("button").click(function(){ $("li"... 阅读全文
posted @ 2015-11-10 23:32 Honker书生 阅读(392) 评论(0) 推荐(0)
jquery操作DOM
摘要：1.内部插入方法名方法的说明appendTo把创建的新元素加入某个元素里面的尾部append在某个元素的里面的尾部加入新元素prependTo和以上同，只是加入到内部的前面prepend-------------------append()向每个匹配的元素内部追加内容(标签有效)。$(documen... 阅读全文
posted @ 2015-11-09 23:27 Honker书生 阅读(163) 评论(0) 推荐(0)
jquery对css操作
摘要：1.css取得p的颜色：$(document).ready(function(){ var p= $("p").css("color"); alert(p);});设置段落字体的颜色为红色：$(document).ready(function(){ $("p").css("col... 阅读全文
posted @ 2015-11-09 22:25 Honker书生 阅读(157) 评论(0) 推荐(0)
jquery属性操作
摘要：属性操作1.属性设置单选框被选中：$(document).ready(function(){ $(":checkbox").attr("checked","true");});取消选中：$(document).ready(function(){ $(":checkbox").remove... 阅读全文
posted @ 2015-11-09 22:10 Honker书生 阅读(174) 评论(0) 推荐(0)
Jquery选择器（三）
摘要：过滤选择器4、属性过滤器查找所有含有 id 属性的 div 元素$(document).ready(function(){ $("div[id]").css("color","red");});test1test2查找所有name是qin的input并选中$(document).ready(f... 阅读全文
posted @ 2015-11-09 22:00 Honker书生 阅读(201) 评论(0) 推荐(0)
Jquery选择器（二）
摘要：三、过滤选择器1.基本过滤器1.获取第一个元素（索引为0）:$(document).ready(function(){ $("li:first").css("color"," red");});获取最后一个元素$(document).ready(function(){ $("li:las... 阅读全文
posted @ 2015-11-08 23:12 Honker书生 阅读(227) 评论(0) 推荐(0)
Jquery选择器（一）
摘要：一、基本选择器1.查找 ID 为"myDiv"的元素。$(document).ready(function(){ $("#mydiv");}); id="mydiv"2.查找所有类是 "myClass" 的元素.$(document).ready(function(){$(".... 阅读全文
posted @ 2015-11-08 17:07 Honker书生 阅读(223) 评论(0) 推荐(0)