关于jQuery基础有感

来源:互联网 发布:代办淘宝商城 编辑:程序博客网 时间:2024/05/22 10:33
1、页面载入:
$(document).ready(function() {});简写$(function(){});


2、选择器
返回jQuery对象
基本选择器*, class,element, id, selector1, selector2等.
层级选择器ancestor descendant, parent > child, prev + next , prev ` siblings
简单选择器even, odd, eq[index], last, first等
内容选择器contains[text], empty,  parent, has[selector]等.
可见性选择器hidden, visible.
属性选择器[attribute *=value], [attribute =value], [attribute]等
子元素选择器first-child, last-child, nth-child(index), only-child.
表单选择器button, checkbox, file, hidden等.
表单对象属性选择器checked, disabled, enabled, selected.


3、属性
attr(name)
取得第一个匹配元素的属性值
attr(properties)
将一个“名/值”形式的对象设置为所有匹配元素的属性
attr(key,value)
为所有匹配的元素设置一个属性值


4、class
addClass(class)
为每个匹配的元素添加指定的class
removeClass(class)
从所有匹配的元素中删除全部或者指定的class


5、HTML
html()
取得第一个匹配元素的html内容
html(val)
设置每一个匹配元素的html内容


6、文本
text()、text(val)
和HTML类似


7、值
val()
获得第一个匹配元素的当前值
val(val)
设置每一个匹配元素的值


8、DOM文档处理
内部插入append(content), appendTo(content), prepend(content), prependTo(content).
外部插入after(content), before(content), insertAfter(content), insertBefore(content).


10、CSS
css(properties)
把一个“名/值对”对象设置为所有匹配元素的样式属性
属性名包含 "-"的话,必须使用引号
css(name,value)
在所有匹配的元素中,设置一个样式属性的值


11、事件
页面载入事件
事件处理bind , one , trigger, triggerHandler, unbind
交互处理hover, toggle
事件click, mouse event, keyboardevent等.


12、效果
show()
显示隐藏的匹配元素
show(speed,[callback])
以优雅的动画显示所有匹配的元素,并在显示完成后可选地触发一个回调函数
hide()
隐藏显示的元素
hide(speed,[callback])
以优雅的动画隐藏所有匹配的元素,并在显示完成后可选地触发一个回调函数 
toggle() 
切换元素的可见状态 


13、Ajax
$.ajax(options)
$.get(”search.do”,{id:1},rend); function rend(xml){ alert(xml); }(1)   
$.post(”search.do”,{id:1},rend); function rend(xml){alert(xml);}(2)  
$(”#msg”).ajaxStart(function(){this.html(”正在载入..”);});(3)   
$(”#msg”).ajaxSuccess(function(){this.html(”加载完成!”); });(4)  

通过 HTTP 请求加载远程数据


注:

总结自第三阶段jQuery的PPT。














































0 0