属性操作

.val([value]) 用来处理input的value,没有传递参数的时候表示获取input的值,传递参数的时候表示修改value的值
.attr(attributeName) 获取元素特定属性的值
.attr(attributeName,vlue)修改元素的属性
.removeAttr() 移除属性
.prop() 另看

CSS

  • .css()获取和设置css样式
$('.wrap').css('background-color')//获取css样式
$('.wrap').css([
  'width',
  'height',
  'color'
])//获取样式
$('.wrap').css('width','100px')//设置样式
$('.wrap).css([
  'background-color':  'pink',
  'font-size': '16px'
])//设置样式
$('.wrap').css('width','+=100px')//修改样式
  • .addClass()给每个对应元素添加class,可以同时添加多个
  • .removeClass()每个对应元素移除class
  • .hasClass()检查元素是否包含某个class,返回true或false
  • toggleClass()对class进行切换,如果没有执行完就有了,如果有,执行完就没有

jq对象和原生js对象的转换

类数组对象(arguments/jq)

1.可以通过下标获得对象
2.可以获取到长度'.length'

jQuery获得的元素集合叫做类数组对象,跟数组很像,但是不能像数组一样操作,需要先转换成js对象才可以

$('p')[index] //选中对象转换成js对象
$('p').eq(index)[0]//先获得对象的jq形式,再转换成js对象
$(document.querySelector('header'))//加上()符号变成jq jq可以通过('.abc').length来判断是否存在class

常用方法

  • .each(function())遍历jq的元素
    $('.li').each(function(index,node){})

  • $.each()//通用迭代函数

$.each([3,4,5],function(index,node){
    console.log(node)
})
//3 4 5
  • .map()通过一个函数匹配当前集合中的每个元素,产生一个包含新的jQuery对象
  • $.extend()合并对象
    var object = $.extend({},object1,object2)
    遍历object1和object2,将里面的所有属性都添加到第一个参数里面,有重复的后面覆盖前面的。
  • .clone()克隆
  • index()获取下标
  • .ready()
    DOM内容加载后执行
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容