js与jquery的区别

这是一个两难的境地。
直接使用 jQuery 触发样式并忽略外部 CSS 可能会导致页面样式不正确。

实用提醒:始终确保 jQuery 处理样式时,优先考虑外部 CSS,仅在必要时修改内联样式。

如何区分jquery对象和dom对象

需要明确的是,jQuery 对象和普通 DOM 对象的使用确实存在差异。
这确实很简单。
您使用 $("save").disabled=true;这个方法没有任何作用,因为这样产生的$("save")是一个jQuery对象,而不是一个普通的DOM对象。
这是初学者的常见问题。
我们先来说说最重要的事情。
jQuery 没有禁用属性。
要设置它,您需要使用 .attr('disabled', 'true')。
还有一点,如果想使用纯DOM编写,可以直接使用$("save")[0].disabled=true;可以用。
或 $("保存").get(0)。
其中有一个主要细节,即 $("save")[0] 和 $("save").get(0) 都返回一个 DOM 元素,而 $("save").eq(0) 获取的是一个 jQuery 对象,因此使用 $(dom object) 时可以获得一个 jq 对象。

我一开始以为jQuery的任何属性都可以直接设置,后来发现是错误的。
jQuery 有自己的属性和方法。
等等,还有一件事,比如获取选中的复选框,可以使用 $("input:checkbox:checked") 获取所有选中的复选框,使用 if($("input:checkbox:checked").length){} 判断一组复选框是否被选中,或者 if($("input:checkbox").is(":checked")}} 判断某个复选框是否被选中。

就这个问题而言,有像 [] 或 . 这样的符号,或者带有命名空间的 XML 标签,使用双斜杠(\)来转义,例如,如果你的 ID 是 id[1 ],你可以写成 $("id\[1 \]")。

js-document.getElementsByTagName();换为jquery写法

好家伙,这件事确实需要好好解释一下。
上周,一位同事问我,为什么他的代码一会儿使用 jQuery 对象,一会儿直接使用 DOM 对象。
当出现问题时,我帮助他解决问题。

看,jQuery 对象和 DOM 对象不是一回事,但它们可以相互转换。
就像手机壳和手机一样。
手机壳是附加在外面的,但手机才是核心。

将 jQuery 对象转换为 DOM 对象主要有两种方法:
1 . 使用[index]方法:这是我经常使用的。
如果你仔细想想,jQuery 对象实际上是一个数组,但它包含 DOM 元素。
所以如果直接使用$v[0]、$v[1 ]等,就可以获得第0个和第1 个DOM元素。
例如: javascript var $v = $('v'); // 这个 $v 是一个 jQuery 对象 var v = $v[0]; // 这里$v[0]获取第一个DOM元素 警报(v.检查); // 一旦获得了 DOM 对象 v,就可以使用选中的 DOM 原生属性。
这个技巧很简单,只要按下标取元素即可。

2 使用 .get(index) 方法:这也包含在 jQuery 中。
感觉和[index]类似,但是写法不一样。
您还可以使用 $v.get(0) 获取第一个 DOM 元素。
例如: javascript var $v = $('v'); // jQuery 对象 var v = $v.get(0); // 使用 .get(0) 也获取 DOM 对象 警报(v.检查); // 还可以检测checkbox是否被选中 这两种方法中,[index]更简洁,.get(index)可能更容易阅读。
无论如何,效果是一样的。

另一方面,将 DOM 对象转换为 jQuery 对象非常简单:
您只需要用 $() 包装 DOM 对象即可。
例如: javascript var v = document.getElementById('v'); // 这个 v 是一个纯 DOM 对象 var $v = $(v); // 用$(v)包裹起来,立刻就变成了一个jQuery对象
包裹起来之后,就可以随意使用jQuery方法了,比如$v.click()、$v.css('color'),这些DOM对象本身并不存在。

但是这里必须强调:只有DOM对象可以使用DOM中的方法,jQuery对象不能。
如果使用$v使用checked或者innerHTML,会直接报错。
反之亦然。
如果将 v 与 .click() 或 .css() 一起使用,也会报错。

所以,如果要操作DOM原生属性(如checked、innerHTML等),必须先转换回DOM对象。
如果jQuery操作较多,将其转换为jQuery对象再处理会方便很多。

我踩过的坑是:有一次写代码时不注意,直接对一个jQuery对象使用了getElementById,结果崩溃了。
当时我就一头雾水,后来查了一下才想起来,jQuery对象并不是DOM元素本身,而且不能直接使用DOM方法。
所以记得分清什么时候该转弯,什么时候不该转弯。

不管怎样,你能弄清楚。
这两种转换如果你多用的话就会变得更容易。