jquery的基本使用(2)

在jquery重要的主干就是选择器和事件，其他的所有操作都是基于这两者来进行操作的。

jquery选择器

选择器就类似我们之前讲的getElementById之类的，就是查找dom中的某个元素。在jquery中，我们可以很简单的就能选择到我们想操作的dom元素。

$(function(){ var dom = $("#container_id").html(); console.log(dom); dom = $("#container_id").text(); console.log(dom); dom = $(".container_class:eq(0)"); console.log(dom.text()); console.log(dom.html()); });

注：

由以上可知，jquery的选择器很简单，只需要使用$("选择元素")就能获取到相关的dom，这里的“选择元素” 如果是id，需要加上id的#号标识，如果是class，就需要加上.的标识，:后接的是伪类选择器，就是满足某个条件的相应的元素，这里的eq就是等于的意思。

jquery事件

html中可以对各种元素添加事件，在jquery中想要对元素添加事件，需要先 选择 元素，然后使用事件。比如，我们点击container_id的元素就输出一段字符串：

$(function(){ var dom = $("#container_id"); dom.click(function(){ console.log("我输出了"); }); });

注：

由以上可知dom元素添加事件，需要先选中，然后使用.事件名(function(){ 执行的函数 })；就可以简单的进行添加。