码迷,mamicode.com
首页 > Web开发 > 详细

jQuery基础

时间:2018-02-11 14:48:09      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:ext   内容   基本用法   元素   asc   span   表单元素   class   rip   

jQuery是JavaScript的方法集,本质是还是js,

用法:首先要在页面的head里引入jQuery文件,引入后就可以在之前写js代码的地方写jQuery了

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

  1.选取元素,基本用法是通过jQuery选择器 $() 来选取jQuery对象,$是选择器标记,括号内填写的是选取的内容

    //ID名选择
    $("#aa");    //通过ID名选取,取出的是jQuery对象
    $("#aa")[0];    //取索引0就可以取到DOM对象
    //class名选择
    $(".bb");    //通过class名选取,取出的是jQuery对象
    $(".bb")[0]        //通过索引获取class中第一个元素,获取的是DOM对象
    $(".bb").eq(0);    //通过eq方法获取class中第一个元素,获取的是jQuery对象
    //标签名
    $("div");    //通过标签名选取
    //属性
    $("[name=‘btn‘]");    //通过属性选择

 

  2.操作内容,

    //非表单元素
    var a = $("#aa");    //选取id为aa的非表单元素
    a.html();    //操作元素里面的代码
    a.text();    //操作元素里面的文本
    //表单元素
    var c = $("#cc");    //选取id为cc的表单元素
    c.val();    //操作表单元素的value

 

  3.操作属性

    //设置属性
    a.attr("sx","test");    //设置sx属性值为test
    //获取属性
    a.attr("sx");    
    //移除属性
    a.removeAttr("sx");    // 移除sx属性
    //操作单选框和复选框的属性
    var d = $("[name=‘fxk‘]");    //获取name为fxk元素,为多个复选框
    d.prop("checked",true);    //设置它们的属性checked为选中状态

 

  4.操作样式,可以操作样式表里的样式

    //操作样式
    a.css("width","100px");    //设置样式
    a.css("width");        //获取样式

 

jQuery基础

标签:ext   内容   基本用法   元素   asc   span   表单元素   class   rip   

原文地址:https://www.cnblogs.com/zxbs12345/p/8441007.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!