当前位置:首页 > 日记 > 正文

三好的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 + +

});

相关文章

PS图象处理软件男士洁面乳的商业地

PS图象处理软件男士洁面乳的商业地

图象,处理软件,男士,建议,地图,本教程介绍朋友到PS图象处理软件,详细分析了商业教程和男士洗面奶的一些技巧。本教程非常实用,值得学习。建议像你这样的朋友和教程一起学习。 本教程主要使用PS图象处理软件分析业务手册和详细的男士洗面奶的…

最可怕的人物签名经典人物签名

最可怕的人物签名经典人物签名

人物,最可怕,经典,电脑软件,你对未来充满希望吗 1000万不要放弃!是第一次放弃,你的生活将习惯于放弃,但如果你克服了过去,你的生活就会习惯于风浪的前进,只需看一个简单的选择,其实,一个很大的影响,就会使你的生活与众不同。 2个低调的男人,你每次都…

情人的个性甜蜜签名恋人签名

情人的个性甜蜜签名恋人签名

恋人,甜蜜,情人,个性,电脑软件,她说:你是人生中最美的旋律。下面是爱人签名的签名,希望对你的小汇编有用,欢迎阅读: 情人的心上人签名: 我只有一颗心,你看着伤口。 我只是一个人,你看着爱。 我不爱你,我配不上你。 不是我不伤害你,而是我没有伤害你…

Excel2007添加、删除、打印、标注

Excel2007添加、删除、打印、标注

方法,删除,标注,教程,电脑软件,Sometimes we will add a large number of data in the Excel cell, which often leads to even confuse some data on the intention, the time when we can use the Excel annotations, added to the Excel…

WPS如何在框中标记WPS文本教程

WPS如何在框中标记WPS文本教程

教程,文本,框中,标记,如何在,在WPS框中,符号经常用于我们的文档中,这在我们的文档中经常使用。下一个萧边告诉你如何在方格内。 1、首先,我们在WPS中打开文本,输入插入菜单,点击符号;下拉菜单选择其他符号; 2、然后进入符号对话框选择象征选项卡中…

用技巧调整段落词的方法

用技巧调整段落词的方法

方法,调整,段落,技巧,电脑软件,在Word2007中,顶部的标签的段落都设置在中间,在Word2007中,我们可以设置段落间距通过各种渠道。接下来,我们推荐词的技巧由萧边调整段落,希望能对你有帮助。 按词调整段落的方法 首先,将鼠标移动到需要调整的段落,然…

在Linux正则表达式中灵活地搜索文

在Linux正则表达式中灵活地搜索文

搜索文件,文本,正则表达式,灵活,电脑软件,正则表达式的符号表示用于识别文本模式。Linux处理正则表达式的主要程序grep。grep搜索匹配正则表达式并将结果输出到标准输出的行。 1。grep匹配模式 grep接受下列方式的选项和参数(即正则表达式…

Excel的实用技能精选excel基础

Excel的实用技能精选excel基础

技能,基础,电脑软件,Excel,excel,excel可以帮助我们快速完成表单的工作,学习更多的技能,并得到事半功倍的效果。下面是excel office软件的技巧,希望小汇编对你有用,欢迎阅读: excel实用技能: 1。行转置。选择一个区域,复制,然后选择编辑>粘贴到位,…

PS使暗淡的嘴唇红润。

PS使暗淡的嘴唇红润。

红润,暗淡,嘴唇,电脑软件,PS,本教程是向朋友介绍PS,使沉闷的嘴唇发红。这个教程很好,很基础,适合初学者,值得学习。建议喜欢朋友一起学习。 今天我要介绍一个简单的PS操作,使原本暗淡的嘴唇变红。这个教程很好。值得学习和推荐。让我们一起学习…

对jQueryUIdatepicker时间控制使用

对jQueryUIdatepicker时间控制使用

控制,时间,基础,电脑软件,jQueryUIdatepicker,本文将分享jQuery UI datepicker时间控制你的使用。通过实例说明UI datepicker时间控制,首先我要向您展示效果图。 uff1a效应 公共场合: 1。输入框 2.div 使用方法: 1。限制日期 $(# resultd…

PS图象处理软件制造的立体效果,铜金

PS图象处理软件制造的立体效果,铜金

效果,浮雕,图象,处理软件,电脑软件,本教程向您介绍PS图象处理软件的朋友,铜雕塑的效果,这是由三维效果。这个教程的效果真的很好。作者是3D学院。这个教程很好。我推荐它。让我们一起学习。 本教程向您介绍PS图象处理软件的朋友,使铜金属立体…

powerpoint2010变化的颜色,风格,和视

powerpoint2010变化的颜色,风格,和视

边界,厚度,制作教程,颜色,风格,如果你想添加一个框架,在powerpoint2010幻灯片视频,你可以添加一个边框,然后改变的外观颜色,线型,或线的大小。 改变边框的颜色 1,选择幻灯片上的视频。 2,在视频工具下;格式选项卡上;视频样式组,单击视频边界;下箭头,…