jquery和本机javascript简单DOM选择器
这是我的html代码jquery和本机javascript简单DOM选择器,javascript,jquery,dom,jquery-selectors,Javascript,Jquery,Dom,Jquery Selectors,这是我的html代码 <div class="class_test" id="id_test"> <h2>testing</h2> <img/> <div class="rightBox"> <h4>test</h4> <p>test</p> </div> </div> 但它不起作用 我在哪里错过的 否则,如何在不使用jquery的情况下使用本机javascrip
<div class="class_test" id="id_test">
<h2>testing</h2>
<img/>
<div class="rightBox">
<h4>test</h4>
<p>test</p>
</div>
</div>
但它不起作用
我在哪里错过的
否则,如何在不使用jquery的情况下使用本机javascript代码document.getElementById("blabla")
我不想设置img ID,请尝试:
$("#id_test > img").attr('src',"blablabla.jpg").attr('height',"100").attr('width',"100");
尝试:
我认为应该这样做:
$('#id_test').find('img').attr({ 'src': 'blablabla.jpg', 'height': 100, 'width': 100});
我认为应该这样做:
$('#id_test').find('img').attr({ 'src': 'blablabla.jpg', 'height': 100, 'width': 100});
宽度jQuery:
$("#id_test > img").prop('src','http://jsfiddle.net/favicon.png');
$("#id_test > img").prop('height','100');
$("#id_test > img").prop('width','100');
宽度javascript
var elm = document.getElementById('id_test');
var first = elm.getElementsByTagName("img")[0];
first.src = "http://jsfiddle.net/favicon.png";
first.style.height = '100px';
first.style.width = '100px';
宽度jQuery:
$("#id_test > img").prop('src','http://jsfiddle.net/favicon.png');
$("#id_test > img").prop('height','100');
$("#id_test > img").prop('width','100');
宽度javascript
var elm = document.getElementById('id_test');
var first = elm.getElementsByTagName("img")[0];
first.src = "http://jsfiddle.net/favicon.png";
first.style.height = '100px';
first.style.width = '100px';
jQuery返回类似数组的对象。。例如:
$(“#id_test>img”)
返回以下数组
[<img/>,<img />, ...]
更改它将反映到Dom中。。但是你应该注意你的选择器的传球。如果选择器无效,则为1<代码>jQuery对象。长度为0
请参见问题中属性和属性之间的差异
在hehind循环中,每个项目,。。。并设置属性jQuery返回类似数组的对象。。例如:$(“#id_test>img”)
返回以下数组
[<img/>,<img />, ...]
更改它将反映到Dom中。。但是你应该注意你的选择器的传球。如果选择器无效,则为1<代码>jQuery对象。长度为0
请参见问题中属性和属性之间的差异
在hehind循环中,每个项目,。。。和设置属性您确定在加载整个文档后设置了这些属性(src、height、width)吗?是的,我确定!因为我在jquery中成功地加载了ID标记$(“#ID_test>img”)
是类似于数组的对象。要首先访问,您应该使用这种方式$(“#id_test>img”)[0]。src
。。或者使用attr
循环项目并设置属性。。在后面是迭代elements@Huei试试这个..if($(“#id_test>img”).length>0{$(“#id_test>img”)[0].src=“blablabla.jpg”}
。。检查长度大于0。。如果您没有通过正确的选择器查询。它的长度是0@Huei:如果出现该错误,则$
不会引用jQuery。jQuery永远不会返回null
。如果您想使用jQuery,请确保它已加载。您确定在加载整个文档后设置了这些属性(src、height、width)吗?是的,我确定!因为我在jquery中成功地加载了ID标记$(“#ID_test>img”)
是类似于数组的对象。要首先访问,您应该使用这种方式$(“#id_test>img”)[0]。src
。。或者使用attr
循环项目并设置属性。。在后面是迭代elements@Huei试试这个..if($(“#id_test>img”).length>0{$(“#id_test>img”)[0].src=“blablabla.jpg”}
。。检查长度大于0。。如果您没有通过正确的选择器查询。它的长度是0@Huei:如果出现该错误,则$
不会引用jQuery。jQuery永远不会返回null
。如果要使用jQuery,请确保它已加载。no=(它不起作用,但尝试$(“#aaa”)将成功使用ID tagno=(它不起作用,但尝试$(“#aaa”)将成功使用ID tagno=(它不起作用,但尝试$(“#aaa”)将成功使用IDtag@Huei,太好了!很高兴我能帮忙。@Huei,太好了!很高兴我能帮忙。