jquery 在父页面中如何获取子页面中的对象

jquery 在父页面中如何获取子页面中的对象,第1张

两点

1既然你用jQuery了,为什么还要用getElementById()来获取元素?况且,获取iframe中元素也没这么麻烦啊

$("#id_iframe")contents()find("#id_button_test");

这不就好了。。

2你这部分代码是写在ajsp页面中了吧?那我估计之所以不运行,是因为你注册点击事件的时候,bjsp页面还没有加载完。所以尽管你调试的时候能输出,但是代码里是注册不上的。把这段代码写在bjsp的windowonload事件中

jQuery对象转成DOM对象:

两种转换方式将一个jQuery对象转换成DOM对象:[index]和get(index);

(1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。

如:

var $v =$("#v") ; //jQuery对象

var v=$v[0]; //DOM对象

alert(vchecked) //检测这个checkbox是否被选中

(2)jQuery本身提供,通过get(index)方法,得到相应的DOM对象

如:

var $v=$("#v"); //jQuery对象

var v=$vget(0); //DOM对象

alert(vchecked) //检测这个checkbox是否被选中

DOM对象转成jQuery对象:

对于已经是一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。$(DOM对象)

如:

var v=documentgetElementById("v"); //DOM对象

var $v=$(v); //jQuery对象

转换后,就可以任意使用jQuery的方法了。

通过以上方法,可以任意的相互转换jQuery对象和DOM对象。需要再强调注意的是:DOM对象才能使用DOM中的方法,jQuery对象是不可以用DOM中的方法。

<html>

<head>

</head>

<body>

<div id="result"></div>

<script type="text/javascript">

creater(50, 60);

creater(65, 60);

creater(65, 75);

creater(80, 75);

creater(50, 60);

creater(65, 60);

creater(65, 75);

creater(80, 75);

function creater(t, l) {//动态创建div,t,l为定位坐标

//var div_content = documentgetElementById("test");

var size = 20;

var newblock = documentcreateElement("div");

newblocksetAttribute("class", "divblock");

newblockstyledisplay = "inline";

newblockstyleborder = "solid 1px gray";

newblockstylewidth = size + 'px';

newblockstylelineHeight = size + 'px';

newblockstyleposition = "absolute";

newblockstyletop = t + 'px';

newblockstyleleft = l + 'px';

documentgetElementById("result")appendChild(newblock);

}

</script>

</body>

</html>

试试上面的

你好!

//索引变量为index

var index = 0;//第一项

var rs = $("li")eq(index)get(0)getAttribute("value");

alert(rs);

//getAttribute("value")返回value的属性值

//get(0)将jquery对象转为dom对象

//因为li的value不属于标准的属性,因此直接使用jquery的val()会被转为0,无法正常获取。

希望对你有帮助!

常见的方法是使用children()方法或者fand()方法都是可以获取到某个元素的子元素的,children() 方法返回匹配元素集合中每个元素的子元素,find()方法获得当前元素集合中每个元素的后代,通过选择器、jQuery 对象或元素来筛选。

jquery中获取当前dom元素的子元素的方法有很多,常见的方法是使用children()方法或者fand()方法都是可以获取到某个元素的子元素的,children() 方法返回匹配元素集合中每个元素的子元素,find()方法获得当前元素集合中每个元素的后代,通过选择器、jQuery 对象或元素来筛选。

一、使用children()方法获得子元素

1、使用该方法获取子元素并设置子元素的字体为蓝色,代码如下:

2、运行的效果如下图:

二、使用find()方法获取子元素

1、使用fand()方法获取子元素并且进行选择器的筛选,代码如下图:

2、运行的结果如下图:

参考资料

博客博客[引用时间2018-1-9]

以上就是关于jquery 在父页面中如何获取子页面中的对象全部的内容,包括:jquery 在父页面中如何获取子页面中的对象、jquery怎样获取拼接后的dom对象、jquery获取动态创建的对象等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9486741.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存