jquery
创新互联公司拥有一支富有激情的企业网站制作团队,在互联网网站建设行业深耕十多年,专业且经验丰富。十多年网站优化营销经验,我们已为成百上千中小企业提供了做网站、成都网站制作解决方案,按需网站策划,设计满意,售后服务无忧。所有客户皆提供一年免费网站维护!
获取
div
之间的内容,有两种方法,$(selector).text()、$(selector).html()
。
html:
1
2
3
test
$("div").text()
得到的是
test,是
div
的纯文本,会自动忽略
html
标签
。
$("div").html()
得到的是
test
,是
div
的所有内容,包括
html
标签,它有个好处是可以将
得到的标签与文字
直接再利用,比如添加到页面其他地方之类的操作
。
$("#div_id").height();
// 获得的是该div本身的高度, (不包含padding,margin,border)
$("#div_id").outerHeight();
// 包含该div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)
$("#div_id").outerHeight(true);
// 包含该div本身的高度, 以及padding,border,margin上下的总高度
$(window).height();
// 获取浏览器显示区域(可视区域)的高度
$(window).width();
// 获取页面的文档高度
$(document).height();
// 浏览器当前窗口文档的高度
$(document.body).width();
// 浏览器当前窗口文档body的高度
$(document).scrollTop();
// 获取滚动条到顶部的垂直高度 (即网页被卷上去的高度)
obj.offset().top
// 某个元素的上边界到body最顶部的距离(在元素的包含元素不含滚动条的情况下)
在jQuery输入元素表达式属性名即可得到。
如:
1.$("#textId").attr("width")是获取Id为textId的控件的width属性。
2.$(".className").attr("width")是获取包含class名为className的控件的width属性。
3.$("[name=textName]").attr("width")是获取name为textName的控件的width属性。
但要注意,jquery取到的可能是一个数组,如果确定属性为同一值,则没问题,否则应该循环取得控件,再取属性值。如:$("#textId")[0].width是取第一个控件的width属性。但也有写属性用attr取不到,也需要用角标的方式取得控件后再取属性。
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
Jquery获取子元素的方法有2种,分别是children()方法和find()方法。
1.children()方法:获取该元素下的直接子集元素
2.find()方法:获取该元素下的所有子集元素
3.children()方法获取ul下面直接子集元素li:$("ul").children("li")
4.find()方法获取ul下所有元素li:$("ul").find("li")
5.children和find的区别:children只会查找直接子集,而find会跨越层级查找,一直找到没有为止。
1、新建一个HTML文档,并定义若干个带有class属性的p元素。
2、新建一个JS操作,并获取选择器匹配的第一个元素。
3、保存以上文件,在浏览器预览效果,得到的是第一个匹配的Class元素。
4、如果想要选择器匹配所有符合的元素,则需要使用选择器。
5、对方法获取的元素集合,进行遍历输出。
6、保存以上内容,在浏览器预览效果。