JQuery

作者: Plenari | 来源:发表于2020-02-14 15:22 被阅读0次

    • 基础语法: $(selector).action()
    美元符号定义 jQuery
    选择符(selector)"查询"和"查找" HTML 元素
    jQuery 的 action() 执行对元素的操作
    
    • 选择器
    $(".test")
    $("#id")
    $("tag")
    $(":button") //所有type="button"的元素
    $("[href]") //带有href属性元素
    $("ul li:first") //选取第一个 <ul> 元素的第一个 <li> 元素
    $("ul li:first-child")  //选取每个 <ul> 元素的第一个 <li> 元素
    
    • 获取值
      • text() - 设置或返回所选元素的文本内容
      • html() - 设置或返回所选元素的内容(包括 HTML 标记)
      • val() - 设置或返回表单字段的值
    .text
    //
    .html
    //
    .val
    // 显示属性的值
    .attr("href"));
    
    • 添加
    append  //同一个元素后边添加
    prepend // 同一个前边添加
    after //被选中元素之后插入
    before //选中元素之前 插入
    
    remove  // 删除被选元素(及其子元素)
    empty  //从被选元素中删除子元素
    
    • jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些

      • addClass() - 向被选元素添加一个或多个类
      • removeClass() - 从被选元素删除一个或多个类
      • toggleClass() - 对被选元素进行添加/删除类的切换操作
      • css() - 设置或返回样式属性
        css("propertyname","value"); //设置属性
        css("propertyname"); //获取属性
        

    相关文章

      网友评论

          本文标题:JQuery

          本文链接:https://www.haomeiwen.com/subject/ruwdfhtx.html