jQuery学习（三）：元素设置

激洪

已于 2022-04-09 15:47:41 修改

阅读量595

点赞数

分类专栏：前端学习 jQuery 文章标签：学习前端 javascript jquery

于 2022-04-09 14:34:33 首次发布

本文链接：https://blog.csdn.net/john1516/article/details/124060467

版权

CSS 样式设置类名属性操作前端开发

关键词由CSDN通过智能技术生成

前端学习同时被 2 个专栏收录

119 篇文章 2 订阅

订阅专栏

jQuery

9 篇文章 0 订阅

订阅专栏

样式设置

//1.设置一个样式
//两个参数  设置的样式属性,具体样式
$('li').css('color','red');
//传入对象（设置的样式属性:具体样式）
$('li').css({'color':'red'});

//2.设置多个样式
$('li').css({
	'color':'green',
	'font-size':'20px'
});

类名设置

//1.添加一个类
$('li').addClass('now');
//2.删除一个类
$('li').removeClass('now');
//3.切换一个类  有就删除没有就添加
$('li').toggleClass('now');
//4.匹配一个类  判断是否包含某个类  如果包含返回true否知返回false
$('li').hasClass('now');

属性设置

//1.获取属性
$('li').attr('name');
//2.设置属性
$('li').attr('name','tom');
//3.设置多个属性
$('li').attr({
	'name':'tom',
	'age':'18'
});
//4.删除属性
$('li').removeAttr('name');
$('li').removeAttr('name aaa');//移除多属性

prop方法

//对于布尔类型的属性，不要attr方法，应该用prop方法 prop用法跟attr方法一样。
$("#checkbox").prop("checked");
$("#checkbox").prop("checked", true);
$("#checkbox").prop("checked", false);
$("#checkbox").removeProp("checked");