怎样判断一个对象 是 jquery对像 还是dom对象

Posted 2023-05-03

不管是jquery对象还是dom对象，都可以互转的，如果你只需要jquery对象的话
function(dom)

var mydom=$(dom);

如果你只需要简单的dom对象的话 ：
function(dom)


var mydom=dom;
if(dom[0]) //这里可以判断dom[0]是否存在，如果存在肯定是jquery对象

mydom=dom[0]; //把jquery对象转成dom对象

参考技术A jQuery对象是dom对象的封装，可以写成形如：
Object $jquery = new Object();
这就是jquery对象，其实就是js对象
而dom对象类型是html节点对象，通常定义为HTMLObject 参考技术B jQuery对象都有一个版本信息属性:jquery.你可以判断js对象是否有该属性来判断.

JS中的DOM对象及JS对document对像的操作

DOM对象

　　windows：属性：opener(打开者)

　　　　　　　　　　方法：open()、close(),setTimeout()、setInterval()...

　　　location:属性：href

　　　　　　　　方法：reload（）刷新

　　　history:方法：go()

　　　status:不常用

　　　document：下面详细介绍

JS对document对像的操作

　　分两个： 找到对象、操作对象。

　　找到对象的方法：document.getElementById()、document.getElementsByName()、

　　　　　　　　　　document.getElementsByTagName(),//通过元素名找到结果是数组，elements加s了

　　　　　　　　　　document.getElementsByClassName()

　　　　PS:this关键字的用法，指这条元素，省去了document.的方法找元素了

　　　　　　例如给按钮创建单击事件 onclick="doout(this)"  方法：function dout(tx){tx.属性等}

　　操作对象：包括：

　　　　操作属性：取值：getAttribute,赋值：setAttribute,删除属性:remoeAttribute

　　　　操作样式：内联样式：style.xxxx

　　　　　　　　　　class：1、className

　　　　　　　　　　　　　 2、把class当成属性来看

　　　　 操作内容：表单元素：value

　　　　　　　　　 非表单元素:1、innerHTML

　　　　　　　　　　　　　　  2、innerText

　　　　操作元素：操作整个元素：创建(字符串、createElement())、添加子元素(appendChild())、删除(remover())、复制(clonNode())

　　　　　　　　  操作相关元素：前后、父、子

 

演示open()、close()的用法

<script language="javascript">

　　//打开b网页，a接收的就是b的windows

　　var a = window.open("b.html","_blank","width=100 height=100 toolbar=no");

　　window.setTimeout("ccc()",3000);//间隔3秒执行ccc()方法

　　function ccc()
　　{
　　　　a.close();//关闭a对象的窗口
　　}

 

</script>

连续打开和连续关闭窗口

<script language="javascript">

　　var arr = new Array();//用来接受窗口

　　function doopen(){　　//连续打开窗口

　　　　for(var i=1;i<=5;i++){
　　　　　　arr[i-1] = window.open("b.html","_blank","width=100 height=100 　　　　　　toolbar=no");
　　　　}
　　}　　

　　function doclose(){　　//连续关闭窗口

　　　　for(var i=0;i<arr.length;i++){
　　　　　　arr[i].close();
　　　　}
　　}

</script>

body里面方法调用

<span onClick="doopen()">打开5个子窗口</span>
<span class="d2" onclick="doclose()">关闭5个子窗口</span>
<span onclick="doredirect()">转到新浪网</span>

<div>

location的href属性和reload()刷新方法

<script language="javascript">

　　function doredirect(){

　　　　//跳转操作

　　　　window.location.href="http://www.sina.com.cn"; 

　　　　//页面刷新操作
　　　　// window.location.reload();
　　}

</script>

body里面方法调用

<span onclick="doredirect()">转到新浪网</span>

未完待续。。。