jQuery
我可能是个假开发
hongcaixia
展开
-
jQuery基本语法和选择器
jQuery一、jQuery介绍1、JS类库l JavaScript 库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互客户端页面, 并且兼容各大浏览器。2、当前流行的JavaScript库l jQuery ,最流行l EXT_JS,2.0开始收费l Dojo ,很多js单独文件,优化:打包。(常见:开发小图标,一张图片)l原创 2017-02-02 14:49:54 · 2007 阅读 · 0 评论 -
jQuery--DOM操作(二)
jQuery–DOM操作(二)一、元素的特性、属性特性 attributes vs 属性 propertiesattributes:值为 stringproperties:值为 string、boolean、number、object如果 attributes 是本来在DOM对象中就存在的,attributes和properties 的值会同步;如果 attributes原创 2018-01-25 09:29:39 · 394 阅读 · 0 评论 -
jQuery--选择器
jQuery–选择器一、JavaScript中选择元素• document.getElementById() • document.getElementsByName() • document.getElementsByTagName() • document.getElementsByClassName() • document.querySelector() • docu原创 2018-01-12 11:25:33 · 311 阅读 · 0 评论 -
jQuery--案例--动态加载
ajax案例(动态加载)一、Insert title here $(document).ready(function(){ //1 创建10div for(var i = 0 ; i < 10 ; i ++){ createDiv(); } //2 浏览器添加滚动事件 $(window).scroll(function(){原创 2017-02-03 16:32:50 · 676 阅读 · 0 评论 -
jQuery--其他
一、表单序列化serialize() 将表单中所有选中项拼凑成一个字符串。类似get请求参数 例如:username=jack&password=1234&gender=man&....serializeArray()将表单中所有选中项拼凑一个json数组 $(document).ready(function(){ al原创 2017-02-03 14:34:00 · 340 阅读 · 0 评论 -
jQuery--Ajax
Ajaxl ajax :异步请求,浏览器地址栏不改变,进行局部刷新。l ajax 流程分析l jQuery 的ajax 第一层:$.ajax(...)最底层ajax请求,编写最复杂,完成功能最全的。第二层:load() 、$.get() 、$.post() 开发中常用3个第三层:$.getJSON() 、$.getScript(原创 2017-02-03 11:26:33 · 517 阅读 · 0 评论 -
jQuery--效果|动画
效果|动画1、基本l 通过改变元素 高度和宽度 进行显示或隐藏show(speed,fn)显示 参数1:speed速度。显示的时间,单位:毫秒。固定字符串:("slow","normal", or "fast") 参数2:fn 回调函数。动画效果完成之后回调函数。hide() 隐藏toggle() 切换2、滑原创 2017-02-03 10:31:37 · 294 阅读 · 0 评论 -
jQuery--事件案例
文字提示文字提示 body{ margin:0; padding:40px; background:#fff; font:80% Arial, Helvetica, sans-serif; color:#555; line-height:180%;}p{ clear:both; margin:0; padding:.5em 0;}/* tooltip原创 2017-02-03 10:06:20 · 389 阅读 · 0 评论 -
jQuery--事件
事件一、常见事件Insert title here #e02{ border: 1px solid #000000; height: 200px; width: 200px; } $(document).ready(function(){ $("#e01").blur(function(){ $原创 2017-02-03 09:47:25 · 413 阅读 · 0 评论 -
jQuery--筛选案例--QQ用户分组
筛选案例--QQ用户分组Insert title here $(document).ready(function(){ //1所有分组列表项默认都是隐藏的。 //2 分组(span)可以点击,控制下面的列表项显示或隐藏 //3 当前分组列表项显示,其他分页隐藏(同时只有一个显示) $("div").children("a").hide().p原创 2017-02-02 22:42:14 · 1090 阅读 · 0 评论 -
jQuery--筛选
筛选l 选择器可以完成功能,筛选提供相同函数。 选择器 :first 筛选 first()l 对比: $("div:first") 直接获得第一个div (永远只能操作第一个) $("div").first() 先获得所有的div,从所有的中筛选出第一个。 (可以操作第一个,也可以操作原创 2017-02-02 22:19:15 · 472 阅读 · 0 评论 -
jQuery--文档处理案例
文档处理案例Insert title here $(document).ready(function(){ $("#left1").click(function(){ $("#leftSelectId option:selected:first").removeAttr("selected").appendTo("#rightSelectId"); })原创 2017-02-02 21:08:06 · 307 阅读 · 0 评论 -
jQuery--文档处理
文档处理1、内部插入A.append(B) 将B插入到A的内部后面(之后的串联操作,操作A) .... A.prepend(B) 将B插入到A的内部前面 .... --------原创 2017-02-02 17:04:13 · 3317 阅读 · 0 评论 -
jQuery--属性和CSS
属性和CSS1、属性attr(name)获得指定属性名的值attr(key ,val ) 给一个指定属性名设置值attr(prop ) 给多个属性名设置值。参数:prop json数据 {k: v , k : v , .....}removeAttr(name) 移除指定属性2、CSS类l <xxx class="a b c...原创 2017-02-02 16:26:06 · 258 阅读 · 0 评论 -
jQuery--选择器案例--动态列表效果
动态列表效果动态列表效果.html *{ margin:0; padding:0;}body {font-size:12px;text-align:center;}a { color:#04D; text-decoration:none;}a:hover { color:#F50; text-decoration:underline;}.SubCategoryBox {wi原创 2017-02-02 15:21:34 · 434 阅读 · 0 评论 -
jQuery--事件处理
jQuery–事件处理一、事件模型1.浏览器事件模型 ①DOM0级事件模型:只支持一个DOM事件处理函数 • • input.onclick = function() { … } • event = event || window.event; • var target = event.target || event.srcElement; • …代码示例:原创 2018-01-25 10:46:28 · 416 阅读 · 0 评论