jquery方法,jquery方法链

jQuery的操作方式有哪些？

一、选取DOM元素

成都创新互联公司-专业网站定制、快速模板网站建设、高性价比冷水滩网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式冷水滩网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖冷水滩地区。费用合理售后完善，10余年实体公司更值得信赖。

jQuery的核心是通过各种选择器，选中DOM元素，可以用querySelectorAll方法模拟这个功能。

var $ = document.querySelectorAll.bind(document);

这里需要注意的是，querySelectorAll方法返回的是NodeList对象，它很像数组（有数字索引和length属性），但不是数组，不能使用pop、push等数组特有方法。

二、DOM操作

DOM本身就具有很丰富的操作方法，可以取代jQuery提供的操作方法。

尾部追加DOM元素。

// jQuery写法

$(parent).append($(child));

// DOM写法

parent.appendChild(child)

头部插入DOM元素。

// jQuery写法

$(parent).prepend($(child));

// DOM写法

parent.insertBefore(child, parent.childNodes[0])

删除DOM元素。

// jQuery写法

$(child).remove()

// DOM写法

child.parentNode.removeChild(child)

1、新建一个html文件，命名为test.html。

2、在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。

3、在test.html文件内，在p标签内，使用button标签创建一个按钮，按钮名称为“按钮”。

4、在test.html文件内，设置button标签的id为mybtn，主要用于下面通过该id获得button对象。

5、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行btnfun（）函数。

6、在js标签中，创建btnfun()函数，在函数内，通过id(mybtn)获得button对象，使用attr()方法将disabled属性设置为disabled，让按钮变成不可用状态即可。

使用步骤如下：

1.jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。

2.然后我们来开始编辑HTML界面代码。

3.使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。

4.接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码

分享名称：jquery方法,jquery方法链
本文URL：http://ybzwz.com/article/dsecdpg.html