jquery设置内容,jquery 设置div内容

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

jQuery 的功能

该博客基于阮一峰前辈在2011年所做的分享（原链接：）

jQuery的核心就是：可以选择某个网页元素,然后对其进行某种操作

我们可知jQuery是一个构造函数，那么我们就可以通过选择表达式，把选中的元素，放进jQuery构造函数（$）当中，从而得到选中的元素。

而选择表达式可以是CSS选择器：

也可以是jQuery特有的表达式：

在jQuery当中最终选中网页元素以后，可以对它进行一系列操作，并且所有操作可以连接在一起，以链条的形式写出来，比如：

拆解开来，就是：

这是jQuery最令人称道、最方便的特点。它的原理在于每一步的jQuery操作所返回的都是一个jQuery对象，所以不同操作可以连在一起。

jQuery还提供了.end()方法，使得结果集可以后退一步：

创建新元素的方法非常简单，只要把新元素直接传入jQuery的构造函数就行了：

操作元素在网页中的位置移动有两种方法：

（1）直接移动该元素；

（2）移动其他元素，使得目标元素达到我们想要的位置。

（1）方法是使用.insertAfter()，把div元素移动p元素后面：

（2）方法是使用.after()，把p元素加到div元素前面：

表面上看，这两种方法的效果是一样的，唯一的不同似乎只是操作视角的不同。但是实际上，它们有一个重大差别，那就是返回的元素不一样。第一种方法返回div元素，第二种方法返回p元素。你可以根据需要，选择到底使用哪一种方法。

使用这种模式的操作方法，一共有四对：

text(?) //读写文本内容

用于返回内容时，则返回所有匹配元素的文本内容（会删除 HTML 标记）。

用于设置内容时，则重写所有匹配元素的内容。

html(?) //读写HTML内容

设置或返回被选元素的 innerHTML（文本 + HTML 标记）

attr('title',?) // 读写属性

设置或返回被选元素的属性值。

css({color:'red'}) //读写style

设置或返回被选元素的一个或多个样式属性。

addClass('blue')

向被选元素添加一个或多个类。

该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。

on('click',fn)

支持动态绑定元素，即页面上元素有添加或变化后仍可绑定,前提是selector须是目标绑定元素的父元素

off('click',fn)

用于移除通过 on()方法添加的事件处理程序