用jquery查询html元素是利用jquery的选择器实现的。
专业领域包括成都网站制作、网站建设、商城网站建设、微信营销、系统平台开发, 与其他网站设计及系统开发公司不同,创新互联的整合解决方案结合了帮做网络品牌建设经验和互联网整合营销的理念,并将策略和执行紧密结合,为客户提供全网互联网整合方案。
几点说明:
jQuery 选择器允许程序员对 HTML 元素组或单个元素进行操作。
jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。
jQuery 中所有选择器都以美元符号开头:$()。
举例:
!DOCTYPE html
html
head
meta charset="utf-8"
title关于jquery的选择器/title
script src="./jquery/2.0.0/jquery.min.js"
/script
script
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
/script
/head
body
h2这是一个标题/h2
p这是一个段落。/p
p这是另一个段落。/p
button点我/button
/body
/html
运行结果:
1、显示一个button和两段文字:
2、点击button后段落消失
调用jquery的方法:
1、到jquery官网下载jquery文件到本地,然后使用相对路径引用。
2、直接通过jquery文件的url引用网上的jquery文件。
jquery是结构化的开源js文件,按照js文件引用方式使用。下面我们来看一下调用jquery的方法。
1、可以到jQuery官网下载js文件到项目中,然后使用相对路径引用:;
2、直接引用网上现有的js文件
方法和详细的操作步骤如下:
1、第一步,打开html编辑器,创建一个新的html文件,例如index.html,然后编写基本代码,如下图所示。
2、第二步,完成上述步骤后,在index.html中的script标签中,输入js代码,如下图所示。
3、第三步,完成上述步骤后,浏览器运行index.html页面,并使用jquery删除所有span,如下图所示。这样,以上的问题就解决了。
jquery里面的.html()方法。是$(实例对象).html()就能得到这个实例对象里面的全部内容,包括子节点在内