Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery和本机javascript简单DOM选择器_Javascript_Jquery_Dom_Jquery Selectors - Fatal编程技术网

jquery和本机javascript简单DOM选择器

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

这是我的html代码

<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,太好了!很高兴我能帮忙。