三好的jQuery转换和DOM对象和DOM操作
的1.jquery对象是一个对象,是包装一个DOM对象通过jQuery后产生。
的2.jquery对象和DOM对象之间的相互转换。
文笔好:
复制代码代码如下所示:
输入= $(输入)
jQuery获得的对象在变量前面加上$。
jQuery对象转换成DOM对象,两种方法:{ }和获取(索引)
一:CR = $(var $ #铬) / / jQuery对象
var = 0
B:VaR CR =美元美元(#铬) / / jQuery对象
VaR CR = cr.get美元(0); / / DOM对象
DOM对象被转换成jQuery对象
VaR CR = document.getelementbyid(CR); / / DOM对象
var = $ = $(CR);
三.解决与其他库的冲突
JQuery.noConflict()。
jQuery使用$作为自己的快捷方式。
4。使用jQuery的优点
简洁的写作
支持CC1 ccs3
完善的处理机制
运行以上代码浏览器将是错误的!
但如果是这样的话:
复制代码代码如下所示:
$(# TT)。Css(颜色
浏览器不会出错,因为它们没有这个元素!
5.jquery选择器
jQuery选择器是jQuery的最高权重!
jQuery筛选器选择器类似于CSS中的伪类选择器。
奇偶选择器
偶数:$(偶数)
奇数($)
CSS3的伪类选择器的奇偶数
复制代码代码如下所示:
第n个子(奇数)
{
背景:# FF0000;
}
p:n个子(偶数)
{
背景:# 0000ff;
}
类型选择器
防止错误的逸出选择器
6.dom操作分类(1:DOM核心2.html-dom 3。css-dom)
1.dom核心
DOM核心不完全属于Javascript,可以使用任何支持DOM的编程语言,它的使用不仅限于处理Web页面,还可以用来处理用标记语言编写的任何文档,如XML。
2.html_dom
使用Javascript和DOM为HTML文件编写脚本时,有许多属性属于HTML - DOM。
html_dom提供了一个更简洁的符号来描述不同的HTML元素的属性。
如:
复制代码代码如下所示:
document.forms
element.src
它只能用于Web。
3.css_dom
css_dom是CSS操作。它主要用于获取和设置的样式对象的各种属性。
通过改变样式对象的各种属性,改变不同的效果。
复制代码代码如下所示:
样式。颜色=红色;
7。遍历节点
1.children()
2.next()
3.prev()
4.siblings()
5.closest()
CSS 8.jquey
您可以使用不透明设置透明度,而jQuery处理了兼容性问题。
$(p)。Css(不透明
默认单位为$(),高度(100)100是PX,如果你想使用另一个单位,你必须使用一个字符串。
偏移()方法
返回相对窗口的偏移量。
复制代码代码如下所示:
偏移量= $();
左= offset.left VaR;
var = offset.top;
位置()
复制代码代码如下所示:
相对于最近的位置样式转换。
var位置= $()。位置();
左= position.left VaR;
var = position.top;
ScrollTop()和scrollLeft()
复制代码代码如下所示:
距离和滚动条左侧的距离以返回距离。
var $ = $();
var = p.scrolltop美元();
VaR左= p.scrollleft美元();
也可以为指定的位置设置一个滚动:
$(AB)。ScrollTop(300);
PageX和pagey获取网页上的鼠标位置
复制代码代码如下所示:
$(document)。Mousemove(function(e){
$(跨度)。文本(Xe.pagex + +
});