jquery常用方法:
元素显示隐藏:
if($("#test").is(":hidden")){
$("#test").show(); //如果元素为隐藏,则将它显现
}else{
$("#test").hide(); //如果元素为显现,则将其隐藏
}
按钮禁用与激活:
$("#btnSendCode").attr("disabled","true"); //禁用
$("#btnSendCode").removeAttr("disabled"); //启用激活
js渲染页面与淡入淡出效果:
appendTo('body').fadeIn(0)
渲染 淡入淡出
通过jQuery添加或改变样式
$(".spa").css("color","#BD362F")
jQuery操作CSS
jQuery 拥有若干进行 CSS 操作的方法
addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
css() - 设置或返回样式属性
方法:
返回css属性:$("p").css("background-color")
设置css属性:$("p").css("background-color","yellow")
设置多个css属性:$("p").css({"background-color":"yellow","font-size":"200%"})
选取HTML元素,以及隐藏,移动,操作其内容等
$(this).hide() - 隐藏当前元素
(一)
获得内容 - text()、html() 以及 val()
获得属性的值 - attr() 方法用于获取属性值
三个简单实用的用于 DOM 操作的 jQuery 方法:
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值---例如:$("#test").val()常用来获取值
获取a标签href:
attr() 方法:$("#w3s").attr("href")获得id为w3s的href值
(二)
设置内容 - text()、html() 以及 val()
添加新的 HTML 内容:
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
(三)
删除:
如需删除元素和内容,一般可使用以下两个 jQuery 方法:
remove() - 删除被选元素(及其子元素)
empty() - 从被选元素中删除子元素
过滤被删除的元素:可接受一个参数,允许您对被删元素进行过滤
删除class="italic"的所有<p>元素:$("p").remove(".italic")
【jQuery - AJAX】
jQuery load() 方法是简单但强大的 AJAX 方法,从服务器加载数据,并把返回的数据放入被选元素中
$(selector).load(URL,data(可选),callback(可选))
ajax封装 ui 链式操作 灰调函数 迭代器 延迟对象
1.样式
2.DOM
3.事件
4.动画