jquery改变css样式（jquery改变文本内容）

通过css选择器获取元素的方式是非常灵活的，但是css选择器获取元素后只能操作该元素的样式，要想为元素添加行为(如处理单击事件)，还需要通过javascript代码来实现。为此，jquery 模仿css选择器实现了jquery选择器，通过jquery选择器来获取元素，不仅让获取元素的方式更加多样化，而且可以在获取元素后为元素添加行为。

jquery选择器的基本语法格式如下所示。

$(selector);

上述代码中，selector代表jquery选择器，代码执行后，返回一个jquery对象。

接下来通过与css选择器对比的方式演示jquery选择器的基本用法。具体操作步骤如下所示。
(1)准备页面结构

<div id="mydiv">我是一个div</div>

(2)通过css添加样式

#mydiv {
    border: 1px solid black;
}

上述代码中，使用css选择器获取id值为mydiv的div元素，并为div元素添加样式，页面效果如下图所示。

(3)通过jquery添加样式

在不使用css代码的情况下，使用jquery代码也可以实现和上图相同的效果，如下所示。

$('#mydiv').css('border', '1px solid black');

上述代码中，使用jquery选择器获取id值为mydiv的div元素，然后调用jquery的css()方法为该元素添加样式。 需要注意的是，使用jquery选择器获取元素后，由于返回的是jquery对象，所以不仅能为元素添加样式，而且支持为元素添加行为。例如，为元素绑定事件、操作元素属性等操作。此处只要了解jquery选择器的使用即可。

jquery选择器的优势

不使用jquery选择器的情况下，开发者经常通过javascript来获取dom元素，示例代码如下所示。

// 根据id值获取元素
document.getelementbyid('id的值');
// 根据元素的名称获取元素
document.getelementsbytagname('元素的名称');

与上述代码不同的是，jquery 选择器获取元素对象的方式更加简洁，如下所示。

// 根据id值获取元素
$('#id的值');
// 根据元素的名称获取元素
$('元素的名称');

实际上jquery选择器的出现不仅是为了简化javascript的写法，也是由于javascript提供的选择dom的方式较少，难以满足实际开发的众多需求。因此，jquery 选择器中提供了更多选择dom的方式，支持从css1到css3所有的选择器以及其他常用的选择器。