1、 jQuery是JavaScript语法写的一些函数类,内部仍然是调用JavaScript,特点:
a) 解决了不同浏览器的兼容问题
b) 对于不同控件具有统一的操作方式
c) 体积小,使用简单方便
d) 链式编程、隐式迭代、插件丰富、开源、免费
e) 让编写JavaScript程序更简单、更强大
2、 jQuery中的顶级对象:$(jQuery的简写)
3、 window.onload与$(document).ready(fn)区别:
a) window.onload:页面完全加载完毕才会触发,即所有Dom元素创建完毕、图片、Css等都加载完毕后才被触发。$(document).ready()只要Dom元素加载完毕即触发。这样可以提高响应速度。
b) $(document).ready();可以多次注册事件处理程序,并且最终都会执行,而window.onload每次注册新的事件处理程序时都会将前面的覆盖掉。
4、 jQuery通用的两个函数:
a) $.map(array ,fn)//遍历、修改数组,不支持Dictionary风格数组(可以遍历,但返回值错误),函数fn返回值为处理后的一个新数组,原数组不变。在fn中this并不表示当前循环的元素
b) $.each(array, fn)//遍历数组,return false退出循环,return true跳至下一个循环,函数fn没有返回值,fn中this指向一个不同的DOM元素
补充:
$.trim(字符串); 函数//去掉两端空格
5、 jQuery对象和DOM对象
a) Dom对象→ jQuery 对象:$(Dom对象)
b) jQuery→Dom 对象:$(Dom对象).get(0) / $(Dom对象)[0]
6、 jQuery选择器(返回的是一个对象数组)
a) ID选择器:$(‘#id’)
b) 标签选择器:$(‘input’)【$(‘*’);选择页面上的所有元素。】
c) 类选择器:$(‘.cls’)
d) 多条件选择器:$(“p,div,span.menuitem”)
e) 层次选择器(空格、>(>*,获取所有直接子元素)、+、~(获取之后所有的兄弟元素)) f) 属性过滤选择器:$(‘**name=gender+’)或$(‘*name=gender+’)
g) 表单选择器:$(“:input")//:text、:password、:radio、:checkbox、:submit、:image、:reset、 :button、:file、:hidden。
h) 表单对象选择器:
i. :enabled
ii. :disabled
iii. :checked
iv. :selected
7、 获取兄弟元素的方法
next()、nextAll()、prev()、prevAll()、siblings()
8、 基本过滤选择器
:first、:last、:not(选择器)、:checkbox、:even、:odd、:eq(索引序号)、gt(索引序号)、:lt(索引序号)、$(":header")
9、 $(function(){ … });等同于$(document).ready(function(){ … });
10、 动态创建DOM节点:$(html字符串),返回一个jQuery对象
追加方法:append()、prepend()、after()、before()
对比:appendTo()、prependTo()、insertBefore()、insertAfter()
11、 删除节点:
a) empty(),情空某元素下的所有子节点
b) remove(),删除当前元素,返回值为被删除的元素
12、 节点操作
a) replaceWith(),替换节点
b) wrap(),元素逐个包裹。wrapAll(),所有匹配元素用单个元素包裹。wrapInner(),在内部围绕
13、 样式操作
a) attr()
b) addClass()
c) removeClass()
d) toggleClass()
e) hasClass()
14、 RadioButton注意
a) $("input[name=gender]").val(["女"]);
b) $(":radio[name=gender]").val(["女"]);
注意val中参数的[]不能省略,val()的参数必须是一个数组。
15、 事件
a) 绑定:bind()、解除绑定:unbind()
b) 合成事件:hover(enterfn,leavefn)
c) 事件冒泡,阻止:e. stopPropagation(); //IE下:e.cancelBubble = true; d) 阻止默认行为:e.preventDefault(); });//jQuery中封装的
16、 鼠标:mouseover()、mousemove()、e.pageX、e.pageY
17、 动画
a) show()、hide()、toggle()
b) 滑动效果:slideDown()、slideUp()、slideToggle()
c) 淡入淡出:fadeIn()、fadeOut()、fadeToggle()、fadeTo()
d) 自定义动画:animate({样式},speed),停止:.stop()(*)
18、 Cookie(保存在浏览器上的内容)特征:
a) 与域名相关
b) 总尺寸有限,一般是几千字节
c) 可能被清除
19、 jQuery插件
a) 表单验证插件:jQuery.validate
b) 图片放大插件:jquery.jqzoom-1.0.1.js
ruby中字符串操作总结
发现root好久不在了,也没有来要发贴。在这里也做第一个吃螃蟹的人。总结下我ruby学习过程中,用到的字符串的语法》 1、X.succ#下一个数字或字母。 >> 1.succ=> 2
>> "a".succ=> "b" >> "ab".succ=> "ac"
要注意:
>> "zz".succ=> "aaa" >> "z".succ=> "aa"
>> "az".succ=> "ba"
2、.upcase/.downcase#大小写转换
注意upcase!和downcase用后会改变原来字符串。
>> "ad".upcase=> "AD" >> "aD".upcase=> "AD"
>> "aD".downcase=> "ad" 3、 .sort#排序
>> ['a','ad','d','w'].sort=> ["a", "ad", "d", "w"]
4、X[2,3]/X.slice(2,3)取字符串从第2个开始后面的3个字符。(从>> "sdfsdfsdfsdfsd".slice(2,4)=> "fsdf"
>> "sdfsdfsdfsdfsd"[2,4]=> "fsdf"
5、X[3]/X[3].chr#第3个字符的2进制编码和第3个字符
>> "sdfsdfsdfsdfsd"[0]=> 115
>> "sdfsdfsdfsdfsd"[0].chr=> "s" >> "sdfsdfsdfsdfsd"[100]=> nil >> "sdfsdfsdfsdfsd"[100].chr #flase 6、X.empty?#判断字符串是不是空的
7、X.length/X.size/X.jlength/X.jsize字符串的长度 >> "sdfsdfsdfsdfsd".length=> 14
>> "sdfsdfsdfsdfsd".length()=> 14 >> "sdfsdfsdfsdfsd".size=> 14
>> "sdfsdfsdfsdfsd".size()=> 14 >> "sdfsdfsdfsdfsd".jlength=> 14
>> "sdfsdfsdfsdfsd".jlength()=> 14
>> "sdfsdfsdfsdfsd".jsize()=> 14
0开始)
>> "sdfsdfsdfsdfsd".jsize=> 14 8、X.length.next.....
9、X.count('a')/X.count "a"#字符串中a的个数>> "sdfsdfsdfsdfsd".count "a"=> 0
>> "sdfsdfsdfsdfsd".count("s")=> 5
10、X.index("a")#字符串中a出现的位置。没有则返回nil >> "sdfsdfsdfsdfsd".index("s")=> 0
>> "sdfsdfsdfsdfsd".index("a")=> nil
>> "sdfsdfsdfsdfsd".index("sd")=> 0 >> "sdfsdfsdfsdfsd".index("ss")=> nil
11、X.include?("a")#字符串中是否包含a
>> "sdfsdfsdfsdfsd".include?("ss")=> false >> "sdfsdfsdfsdfsd".include?("s")=> true 12、字符串比较 >> s1="abc"=> "abc" >> s2="abc"=> "abc" >> s1==s2=> true#值比较
>> s1.eql?s2=> true#值,类型比较 >> s1.equal?s2=> false#内存比较 13、X.tr('ad','AD')#替换
>> "sdfsdfsdfsdfsd".tr("sd","SD")=> "SDfSDfSDfSDfSD">> "sdfsdfsdfsdfsd".tr("s","D")=> "DdfDdfDdfDdfDd"
>> "sdfsdfsdfsdfsd".tr("ds","QD")=> "DQfDQfDQfDQfDQ"先总结这些。希望大家积极发言。
且确实可以很轻松地做出许多复杂的效果虽然jQuery上手简单比其他库容易学会但是要全面掌握却不轻松因为它涉及到网页开发的方方面面提…
jQuery学习总结因为项目需要同时也因为兴趣在近一段时间研究和使用了jQuery它真的是太强大了代码非常的优雅和简洁好后悔现在才…
Jquery开始documentreadyfunction可缩写成function选择器引号中可以有多个一起选择id要求id唯一c…
一选择网页元素jQuery的基本设计和主要用法就是quot选择某个网页元素然后对其进行某种操作quot这是它区别于其他函数库的根本…
jQuery总结与注意事项刚开始学了JQuqery众多的get等等符号早已把我搞晕了暂时就放弃了后来学习ASPNETAJAX在微软…
1、$(p).html(Hello$(p).text(Hellobworld/b!);bworld/b!);Html和text的区…
一、简介1.1、概述随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prot…
一简介11概述随着WEB20及ajax思想在互联网上的快速发展传播陆续出现了一些优秀的Js框架其中比较著名的有PrototypeY…
1jquery监听radion被选中的事件页面lttdclassquotinfradioquotwidthquot230quotg…
网站开发常用jQuery插件总结二弹出层插件Lightboxme网站开发过程中为了增加网站交互效果我们有时需要在当前页面弹出诸如登…