jquery对象PHP转换,jQuery对象与DOM对象转换方法详解

本文实例分析了jQuery对象与DOM对象的转换方法。分享给大家供大家参考，具体如下：

jQuery对象转换为dom对象

只有jQuery对象才能调用jQuery类库的各种函数，同样有些dom对象的属性和方法在jQuery上也是无法调用的，不过基本上jQuery类库提供的函数包含了所有的dom操作。有时尤其是在初学jQuery，无法记住jQuery的所有函数时，会有很长一段时间使用jQuery选择器配合原始的dom函数进行开发。所以两种对象的转化是很有必要的。

jQuery对象的索引保存的是dom对象，所以可以通过索引将经jQuery对象转化为dom对象(实际上是获取保存在jQuery对象中的dom对象)。

$("#myphoto")[0];

通过索引返回dom对象后，就可以使用各种dom对象的方法和属性，比如获取dom对象的src属性：

alert($("#myphoto")[0].src);

如果想要遍历jQuery对象中的每个元素，通常使用each()函数。

echo(callback);

Callback()是一个回调函数，此函数中的this也指向dom元素。

$("#myphoto").each(function(i){

this,src="test"+i+".jpg";

});

对于懒人有一个小窍门，如果不想记忆在不同的jQuery函数中的this到底是jQuery对象还是this对象，可以使用"this"方法都转化成jQuery对象，因为即使一个对象已经是jQuery对象也不会出错。

Dom对象转化为jQuery对象

如果已经获得了一个dom对象，可以使用"jQuery(elements)"函数将其转化为jQuery对象：

var img=document.getElementById("myphoto");

jQuery(img).css("border","solid 2px #FF0000");

上面代码中img是使用dom获取到的dom对象。将其转化为jQuery对象后就可以使用jQuery对象的css()方法更改其样式。

可以使用"$"代替"jQuery"，因为在jQuery的内部有如下实现：

jQuery=window.jQuery=window.$

"$"字符在JavaScript中可用做变量名，并且可以作为前缀出现。但是一些其他的类库或者是程序可能已经使用了"$"作为变量名。

jQuery(img).css("border","solid 2px #FF0000");

$(img). css("border","solid 2px #FF0000");

以上两条语句是等同的。

"jQuery(elements)"函数的elemients参数还可以是jQuery对象，虽然讲一个jQuery对象在次转化没有意义，这是为了当不确定一个对象的类型是jQuery对象还是dom对象时，可以再次调用此函数进行转化，这样可以保证此对象一定是jQuery对象。

希望本文所述对大家jquery程序设计有所帮助。

jquery对象PHP转换,jQuery对象与DOM对象转换方法详解_jquery相关推荐

jquery对象PHP转换,jquery对象和DOM对象如何相互转换？
本篇文章给大家介绍一下jquery对象和DOM对象的转换,有需要的朋友可以参考一下,希望对你有所帮助. 我们在上一篇文章jquery对象和DOM对象的区别有哪些?中也简单介绍了关于jquery对象和D ...
linux c 设置utc时间,C/C++标准库之转换UTC时间到local本地时间详解
前言 UTC 时间DateTime.UtcNow 和系统本地时间 DateTime.Now 相差8个时区 ,美国本地时间和北京时间相差15个时区: 美国,而一般使用UTC时间方便统一各地区时间差异. ...
jq添加或删除html元素,jQuery添加删除DOM元素方法详解
本文实例分析了jQuery添加删除DOM元素的方法.分享给大家供大家参考,具体如下: 介绍 DOM是Document Object Modeule的缩写,一般来说,DOM操作分成3个方面. 1.DOM ...
java 字符串转dom对象_xml类型的字符串转换为Dom对象
我写这篇博客的目的是因为我在这一点转换方面耽搁了快2天时间,真是惭愧呀,dom4j.jar包有自带方法DocumentHelper.parseText(String text)用于将字符串类型的xml ...
html dom对象简写,js参考手册-html dom对象
Browser 对象参考手册对象描述 Window JavaScript 层级中的顶层对象,表示浏览器窗口. Navigator 包含客户端浏览器的信息. Screen 包含客户 ...
抓取html对象插件,chrome扩展获取页面dom对象信息
chrome扩展,在popup页面,给页面对象绑定点击事件,获取当前tab加载页面的DOM对象信息.本chrome扩展功能主要用于获取百度搜索输入框中用户输入的关键字.效果如下源代码如下注意:以下文 ...
jQuery插件开发的两种方法及$.fn.extend的详解
2019独角兽企业重金招聘Python工程师标准>>> 作者: 字体:[增加减小] 类型:转载时间:2014-01-16 我要评论 jQuery插件开发分为两种:1 类级别.2 ...
Day16-01 P71 面向对象12什么是多态 P72 对象13：instanceof和类型转换 P73 static关键字详解 P74 抽象类 P75 接口的定义与实现 P76N种内部类
Day16-01 P71 面向对象12:什么是多态 //父类Person package com.oop.demo06;public class Person {public void run(){S ...
JVM成神路之GC基础篇：对象存活判定算法、STW、GC种类详解
引言在前面分析JVM运行时内存区域时,其中程序计数器.虚拟机栈.本地方法栈三个区域随线程而生,伴线程而亡.而运行期间,栈的每个栈帧所需空间大小,其实在编译期就可大致确定,因此这几个区域的内存分配和回 ...

jquery对象PHP转换,jQuery对象与DOM对象转换方法详解_jquery

jquery对象PHP转换,jQuery对象与DOM对象转换方法详解_jquery相关推荐

最新文章

热门文章