主题: 3024-nightambiance-mobileambiancebase16-darkblackboardcobalteclipseerlang-darklesser-darkmbomdn-likemidnightmonokaineatneonightparaiso-darkpastel-on-darkrubybluesolarizedthe-matrixtomorrow-night-eightiesvibrant-ink 新窗口 视图: 左侧面板 HTML CSS JS 预览 F11(全屏显示选中的编辑器) 查看更多帮助信息

相关文章:

jQuery.addClass() 函数详解

代码类型:

默认(HTML/CSS/JS) HTML混合(单页) PHP Java C# C++ C SQL

杂项:

• 启用CSS/JS语法检查
• 监测脚本运行错误
• 禁止库文件重复

文档类型:

HTML5 HTML 4.01 Strict HTML 4.01 Transitional HTML 4.01 Frameset XHTML 1.0 Strict XHTML 1.0 Transitional XHTML 1.0 Frameset 无

JS库文件:

无 jQuery 1.11.1jQuery 2.1.1jQuery 1.10.2jQuery 1.9.1jQuery 1.8.3jQuery 1.7.2jQuery 1.6.4jQuery 1.5.2jQuery 1.4.4jQuery 1.3.2jQuery 1.2.6

手动添加:

1. jQuery 1.11.1

<div id="n1"> <p id="n2" class="demo test">CodePlayer</p> <p id="n3" class="foo">专注于编程开发技术分享</p> </div>

//在当前页面内追加换行标签和指定的HTML内容 function w( html ){ $(document.body).append("<br/>" + html); } var $n2 = $("#n2"); //为n2添加一个css类名 $n2.addClass("newOne"); w( $n2.attr("class") ); // demo test newOne var $n3 = $("#n3"); //为n3添加3个css类名 $n3.addClass("test class1 class2"); w( $n3.attr("class") ); // foo test class1 class2 //为所有p标签添加css类名"item-index"，这里的index表示当前元素在所有匹配元素中的索引 $("p").addClass( function(index, classNames){ // 函数内的this表示当前DOM元素 return "item-" + index; } ); w( $("#n2").attr("class") ); // demo test newOne item-0 w( $("#n3").attr("class") ); // foo test class1 class2 item-1

.newOne { color: blue; }