三好的jQuery转换和DOM对象和DOM操作

三好的jQuery转换和DOM对象和DOM操作
只有jQuery对象可以调用jQuery类库的所有函数。类似地,某些DOM对象的属性和方法不能在jQuery上调用,但基本上,jQuery类库提供的函数包含所有DOM操作,这需要我们知道如何将jQuery对象转换为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 + +

});

tag:对象操作转换电脑软件jquery

相关内容