jQuery属性/常用函数

属性操作

.val()用来处理input的value,可获取/修改
.attr()可获取元素的属性或设置元素属性,多个属性用Json对象
.removeAttr()删除元素的属性
.css()可获取元素的样式或设置元素样式,多个样式用Json对象
.addClass() / .removeClass()添加/移除元素的class
.hasClass()判断是否存在class
.toggleClass()切换,有则删除class无则添加class

常用函数

.each( function(index, Element) )
$.each(obj,function(index, Element))
遍历一个jQuery对象
$.extend([true] target [, object1 ] [, objectN ] )合并对象,后面的覆盖前面的,有true为深拷贝(可用于补全用户的缺省参数)
.clone()复制(包括原来对象的事件)

$('.content').clone().appendTo($('.ct'));
// 把已有的对象拷贝一份放到ct下

.index()获取下标
.ready( )当DOM准备就绪时,指定一个函数来执行。

<script src="js/jquery-3.1.0.min.js"></script>

<script>
         $(function(){
                console.log(1);
        console.log($('.box'))
// 相当于
    $(document).ready(function(){

        console.log(1);
        console.log($('.box'))
    })
// 相当于
    window.onload = function(){
        console.log(1);
        var box = document.querySelector('.box');
        console.log(box)
    }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,845评论 18 139
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,367评论 0 2
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,199评论 0 1
  • $(”p”).addClass(css中定义的样式类型); 给某个元素添加样式 $(”img”).attr({sr...
    专注寒冰三千岁阅读 513评论 0 4
  • Education: Bachelor's degree of Geographic Information Sc...
    X迪阅读 156评论 0 1