jQuery css()方法与addClass()方法的区别

本程序证明了:css()方法和addClass()方法的区别

  1. css()方法为所匹配的元素设置给定的CSS样式。
  2. addClass()方法向所匹配的元素添加一个或多个类该方法不会移除已经存在的类,仅在原有基础上追加新的类样式。
  3. 基于结构与样式分离的原则,通常在实际应用中,为某元素添加样式,使用addClass()方法比css()方法的频率高很多
  4. 因此建议使用addClass()方法为元素添加样式。

<html>

<head>
    <meta charset="UTF-8">
    <style type="text/css">
        li {
            list-style: none;
            line-height: 22px;
            cursor: pointer;
        }
        .current1 {
            font-weight: bold;
            color: #fff;
        }
        .current2 {
            background: blue;
        }
    style>

    <script type="text/javascript" src="../tool/jquery-1.11.0.min.js">script>
    <script type="text/javascript">
        $(document).ready(function () {
            //1
            $("#current").addClass("current1 current2");//多个样式名需要用空格隔开
            //2
            $("h2").click(function () {
                $("h2").css("background-color", "#CCFFFF").next().
                css("display", "block");//操作连缀书写
            });
        });
    script>
head>
<body>
<h2>什么是jQuery?h2>
<p style="display: none;">
    <strong>解答:strong>
    jQuery是一个优秀的JavaScript库,是由美国人John Resig于2016年创建的开源项目。
    目前jQuery团队主要包括核心库、UI、插件和jQuery Mobile等开发人员及推广人员。
p>
<ul>
    <li>jQuery介绍li>
    <li id="current">语法li>
    <li>事件li>
    <li>方法li>
ul>
body>
html>

你可能感兴趣的:(js)