jquery常用方法

前端之家收集整理的这篇文章主要介绍了jquery常用方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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.动画

猜你在找的jQuery相关文章