jQuery总结

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中字符串操作总结

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"先总结这些。希望大家积极发言。

相关推荐