• jquery


    1.引入jquery

      <script language="javascript" type="text/javascript"  src="1.9.0/jquery.js"></script>

    2.选择器:

      $("p");//标签名选择器;

      $('.box');//class选择器

      $('div*');//*选择器,选取页面中的全部元素;

        使用$('div*')可以获取div中的所有子元素;慎用,有些浏览器会比较缓慢;

      $('#id,.class');//多个选择器,之间用逗号分开;

      $('div span');//ance desc选择器;父子元素选择器;

      $('parent>child');//子元素选择器;

      $('prev+next');//相邻兄弟选择器;选择的是prev的下一个兄弟元素next元素,只返回一个唯一的一个元素

      $('prev~siblings');//选择prev后的所有相邻的元素;$('p~span'):选择出p元素后的所有同级的span元素;

      $('li:first');//选择出集合元素中某一位置的单个元素;      $('li:last')

      $('li:eq(index)');//可以选择出任意一个元素,index表示索引号;$('li:eq(3)').css('color','#f48');

      $('li:contains('jqurey')');//可以通过元素内容来选择,如果元素的内容包括jquery,则选择出来;

      $('li:has(selector)');//通过选择元素内是否包含selector元素,选择出包含selector标签的元素;$('li:has("a")')

      $('li:hidden');//:hidden可以获取所有的看不见 的元素,

      $('li:visible');//选择所有可见的元素;

      $('li[attribute=value]');//选择属性名和属性值完全相同的元素;

      $('li[attribute!=value]');//获取属性名或属性值不相同的元素;

      $('li[attribute*=value]');//获取属性包含value值的所有元素;

      表单选择器:

        通过表单选择器可以选择出表单内的全部所需的标签,

    3.对象方法:

      attr:通过元素的属性名称来获取元素属性名的值;

        $('box').attr('class');//即可获取到元素的class名;

      .html()方法和text()方法可以设置和获取元素的内容,如果方法中包含参数,则将参数设置为元素的内容;

        html()方法可以获取元素的html内容,text()值获取元素中的文本内容,并不包含html格式代码。

      addCalss()和css()方法可以方便操作元素中的样式,addClass()中的参数为增加的元素样式的名称;css()直接将样式的属性内容写在括号中。

        css()方法可以直接在参数中写入json来添加多个css属性,{"background-color":"red","color":"#fff"};

      removeAttr(name)和removeClass(class)可以分别移除元素的属性和样式的功能;前者参数为移除的属性名,后者参数为移除的样式名;

      append(content)方法可以向制定的元素添加内容,添加子元素;

        append()方法内可以添加函数,可以添加任何东西;

      appendTo()是将元素添加到指定的参数内,参数为标签;

      .html():

        获取元素内的所有内容;

      before()和after()方法分别可以在元素的前后添加指定的内容;$('.box').before($html);

      clone()方法可以复制一个被选中的元素

      replaceWith(content)和replaceAll(selector)方法可以用于替换元素中的内容,当他们调用时,内容和被替换元素所在的位置不同;

      wrap()和wrapInner()方法都可以进行元素包裹,前者用于包裹元素本身,后者用于包裹元素中的内容;

    4.元素属性及值

      disabled:true;//将元素设置为不可用;

  • 相关阅读:
    [PDF]阅读、注释最佳软件
    [CentOS 7]挂载ntfs格式U盘
    如何更改键盘按键---KeyTweak?
    ssh 文件上传、文件目录上传和下载
    centos7安装Anaconda(Anaconda3-2020.02-Linux-x86_64)与基本命令使用
    Ubuntu 下SVN常用操作
    程序员常用docker命令
    numpy&pandas
    Deep Learning with pytorch笔记(第三章)
    pytorch中的ReflectionPad2d
  • 原文地址:https://www.cnblogs.com/dsheldon/p/4948590.html
Copyright © 2020-2023  润新知