遥远的jQuery（二） | 一起学系列

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第9天，点击查看活动详情 本期开始我们继续复盘jQuery语法

• 筛选方法

  • 也叫做过滤方法，JQuery中除了用选择器选择元素，JQuery对象内还封装了一些对应的筛选方法
  • 常用：
    • $("p").first()
    • $("p").last()
    • $("p").eq(3)   

• html（）方法

  • html（）方法相当于原生JS中的innerHTML属性，用来获取或设置标签内部内容，单标签不能使用如input标签
  • 方法可以传递一个参数，自定义的字符串内容
  • 如果内部的字符串包含了标签的语法字符会按照HTML语法加载 获取：文本和内部标签 | 语法：JQuery对象.html()； | | ---------------- | ------------------------ | | 设置：若设置标签时，标签会被渲染 | 语法：JQuery对象.html('文本内容')

• text（）方法（单引号换成双引号也可以用）

  • text（）方法相当于原生JS中的innerText属性，用来获取或设置标签内部文字，单标签不能使用如input标签 获取：仅仅是文本 | 语法：JQuery对象.text() | | -------------------- | ------------------------ | | 设置：若设置标签时，标签会被当做普通文本 | 语法：JQuery对象.text('文本内容')

• val（）方法

  • val（）方法相当于原生JS中的value属性，用来获取或设置表单元素内容，只适合含有value属性的标签，比如不适合div 获取：表单元素的value | 语法：JQuery对象.val（） | | ------------- | ----------------------- | | 设置：表单元素的value | 语法：JQuery对象.val('文本内容')

• attr（）方法

  • attr：全称attribute，属性的意思
  • 作用：用来获取或者设置标签的属性值 设置标签的属性 | 语法：JQuery对象.attr(name,value) | | ------- | ---------------------------- | | 获取标签属性值 | 语法：JQuery对象.attr(name)

• removeAttr（）方法 作用：移除标签的属性 | 语法：removeAttr（name） | | ---------- | -------------------

• prop（）方法

  • 针对：selected、checked、disabled等表单元素的属性。此类属性的属性值与属性名相同
    获取 | 语法：$('input').prop('属性名') | | -- | -------------------------------- | | 设置 | 语法：$('input').prop('属性名','属性值')

    console.log($('.btn').attr('disabled'))  ==> disabled

    console.log($('.btn').prop('disabled')) ==> true

    console.log($('.btn')[0].disabled)  ==> true

本期内容就到这里啦！