修改JQuery对象的样式和内容：

Posted 2020-09-30

 

      添加或修改class：addClass(name);

• 移除类：removeClass(name);
• 以上方法可以定义函数，不过返回值需要有一个或多个类名。

     

$(‘#demo‘).addClass(function(index,className){
          return ‘red‘;
     })

 

• • 判断是否有某个类：hasClass(name);
  • 切换某个类，有就删除，没有就添加：toggleClass(name);
  • 获取或设置style (用横杠写属性需要加引号，驼峰则不用)：css(name,value);
  • 设置不包含边框和内边距宽和高：width()和height(); 
  • 设置包含内边距的高：innerHeight();
  • 设置包含内边距和边框的高，可以设置值为true的话包含外边距：outerHeight();
  • 返回对象集合中的一个元素，返回两个值，左侧和顶部的距离：offset()；
  • 返回匹配元素相对于父元素的位置（偏移）：position();
  • 设置滚动条：scrollTop()和scrollLeft();
  • 设置内容：html()设置html的值，只获取集合的的一个，text()设置文本，集合获取全部值。