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插件的种类 1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进...
扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给...
最近项目中需要实现3D图片层叠旋转木马切换的效果,于是用到了jquery.roundabout.js。 兼容性如图: ht...
一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异...
AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一...