JS与jQuery是父子还是兄弟？！

最新推荐文章于 2021-12-13 21:22:29 发布
最新推荐文章于 2021-12-13 21:22:29 发布
阅读量1.8k 收藏
点赞数 3
分类专栏： BS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jly4758/article/details/19498515
版权

   这两天BS的视频看完了，正在对BS的部分做一个详细的总结，之前只是从每一个小的角度学习，但是通过这两天的看笔记和一些博客发现很多宏观上的认识并不系统。感受最深的一个是看到很多博客是在比较JS和jQuery的优劣。可是可以说jQuery是JS的一个类库，那么这样的比较好吗？我的疑问是他们是父子还是兄弟？！

       从我的理解上来说，JS与jQuery是父子关系，并不是兄弟！

       先来看什么是jQuery：他是跨浏览器的js的框架，其中js的框架还有其中比较著名的有Prottotype，YUI,jQuery，mootools，Bindows以及国内的JSVM，jQuery是继prototype之后又一个优秀的JavaScirpt框架。所以在我看来prototype和jQuery可以是兄弟，而和js是父子关系，虽然他们在代码编写上是有不同，但可以说是框架的优越性，框架与语言没有可比性！

        jQuery的核心思想是：write less do more

       其实jQuery就是把javacript函数打包，而且本省就是用js编写的，但是很多方面又形成了自己的体系，其实很多js框架都有各自的习惯用法和约定，编写jQuery程序时有着特定的方式和逻辑，就如同孩子身上流着父母的血液，但是孩子又表现出不同的特征一样，所以掌握js语言是学习jQuery的基础；而且jQuery语法设计使许多操作变得容易，如操作文档对象（DOCUMENT）、选择DOM元素、创建动画效果、处理事件、开发AJAX程序。所以在学习jQuery之前对CSS,DOM,事件等知识的了解有利于学习jQuery！

    

陈丽娜
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 32
    评论
专栏目录
js和jquery语法对比总结
yinlingjishu的博客
10-16 305
javascript声明变量： 语法 var + 变量名 =值； 或者 let + 标量名=值； ES6新增了let命令，用于声明变量。 其用法类似于var(全局变量)，但是所声明的变量只在let命令所在的代码块内有效。例如：for循环的计数器就很适合使用let命令。 var name = Kingfan; //var 表示全局变量 var list = [1,2,3,4] //声明一个数组 for(let i=0;i<list.lenght;i++) // i只在for循环的时候在用到，所
jQuery与javascript对照学习 获取父子前后元素 实现代码
12-09
本篇文章将对照学习jQuery和JavaScript如何获取元素的父子及前后关系，这对于网页交互和动态效果的实现至关重要。 首先，我们来看jQuery如何获取元素： 1. **jQuery获取父元素**： 使用`parent()`方法，例如：`$...
js和 jQuery的关系
xxuwanhong的博客
07-13 421
jQuery是一个 javascript函数库,封装了我们开发过程中常用的一些js的属性和方法。二者的功能差不多，只不过jQuery比js让用户使用起来更加便利而已。如果说javascript是c函数，那么jquery就是API。 比如： 查找对象 /通过原生js查找的DOM对象/ var jsDivByTagName = document.getElementsByTagName(“div”); var jsDivByClass = document.getElementsByClassName(“bo
原生JS中的父子兄弟访问关系
MagicWing的博客
10-16 446
jQuery根据当前节点元素找到父子、兄弟节点元素进行添加或删除
乐点的博客
05-04 4778
1、查找父子、兄弟节点元素 在操作DOM元素的过程中，首先需要找到相应的DOM节点元素，即选择好节点元素。以下是根据当前节点元素选择父子、兄弟节点元素的jQuery方法。 1）父级$(selector).parent() 找到直接父级，不包括祖先 $(selector).parents() 找到所有父级，不包括祖先 2）子级$(selector).children() 找到直接孩子节点，不包括孙...
jQuery简介及选择器
weixin_43375983的博客
12-13 991
一、jQuery简介 1、JS的onload事件只能实现一次，而且实现的是最后一次 2、jQ可以实现多次，按代码顺序实现 3、基本语法 通过$ 符定义jQuery， $( 选择器 ) . 方法 ( ) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery</title> <script ty...
jQuery学习资源
04-10
此外，jQuery还提供了children()、parent()、siblings()等方法，帮助我们处理复杂的父子、兄弟关系。 事件处理是jQuery的一大亮点。使用.on()方法，我们可以为元素绑定点击、鼠标悬停等多种事件。例如，`.on('click...
jQuery选择器全面总结
10-26
4. **过滤选择器**: `jQuery("prev ~ siblings")`，例如`jQuery("#next ~ [title]")`会选择`#next`后面所有具有`title`属性的兄弟元素。 接下来是基本过滤选择器，它们可以进一步筛选已选取的元素集： 1. **`:...
韩顺平PHP JS JQUERY 所有视频下载种子 货真价实
01-26
10-25 1 jquery框架 jquery对象与dom对象区别及混合使用 10-25 2 jquery id选择器 层次选择器 10-25 3 jquery过滤选择器及练习题讲解 10-25 4 内容过滤器 可见度过滤器及练习讲解 10-26 1 课程回顾 10-26 2 属性过滤...
jquery DOM 父节点、祖先节点、子节点、子孙节点
热门推荐
dwc2011的专栏
07-24 3万+
获取父节点、祖先节点： 1. parents([selector]) 本方法用于选择给定 jQuery 对象中包含的 DOM 元素或者 DOM 元素集的祖先节点，并将这些节点包装成 jQuery 对象返回，返回的节点集是以从里到外的顺序排序的。同时，本方法还接受一个字符串选择器，用于从返回的节点集中筛选符合选择器的子元素集。 2. parent([selector]) 本方法用
js和jquery获取父级元素、子级元素、兄弟元素的方法
IMSIB的专栏
01-17 703
先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比 JS的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素 原生的JS获取ID为test的元素下的子元素。可以用： 比如： &lt;div id="dom"&gt; &lt;wbr&gt;&lt;wbr&gt;&...
JS、Jquery父子节点总结（转）
White feathe 的博客
04-18 4977
1、JS的父子节点del_ff(s); //清理空格 var chils= s.childNodes; //得到s的全部子节点 var par=s.parentNode; //得到s的父节点 var ns=s.nextSbiling; //获得s的下一个兄弟节点 var ps=s.previousSbiling; //得到s的上一个兄弟节点 var f
jquery 获取父窗口的元素、父窗口、子窗口
weixin_30239339的博客
10-09 148
一、获取父窗口元素： 　　$("#父窗口元素ID",window.parent.document)；对应javascript版本为window.parent.document.getElementById("父窗口元素ID")； 　　取父窗口的元素方法：$(selector, window.parent.document); 　　那么你取父窗口的父窗口的元素就可以用：$(selec...
js、jquery操作父子iframe
小英雄
04-16 3138
以下方法在火狐、谷歌浏览器中测试通过 1.js获取子iframe中的元素 document.getElementById('iframe的id').contentWindow.document.getElementById('childDiv') window.frames["iframe的id"].contentDocument.getElementById('childDiv'); /
跨域访问html页面传值,js跨域操作,iframe父子兄弟之间调用传值
weixin_42406749的博客
06-09 378
学习一个知识点最好的方法就是自己动手去的实现一些简单的helloworld，虽然可以在网上可以找到很多总结，但自己实现的过程才是自己的，期间遇到问题并解决问题的过程也会让自己记忆理解更加深刻。iframe的调用包括以下几个方面：(调用包含html dom，js全局变量，js方法)主页面调用iframe；iframe页面调用主页面；主页面的包含的iframe之间相互调用；主要知识点1：documen...
jQuery获取所有父级元素及同级元素及子元素的方法
weixin_34257076的博客
01-20 414
jQuery获取所有父级元素及同级元素及子元素的方法 1.获取父级元素 $("#id").parent() 获取其父级元素 $("#id").parents() 获取其所有的祖先元素 $("#id").closest() 获取其最近的祖先元素，依次上溯 2.获取同级元素 $("#id").next(selector) 获得匹配元素紧邻的下一个同胞元素。如果提供选择器，则取回匹配该选择器的下...
js jquery 父子

09-11 755
$("#test1").parent(); // 父节点     $("#test1").parents(); // 全部父节点     $("#test1").parents(".mui-content");     $("#test").children(); // 全部子节点     $("#test").children("#test1");     $("#test").con
JQuery入门指南：简化JavaScript操作
此外，层次选择器（祖先后代选择器、父子选择器、相邻兄弟选择器等）进一步增强了定位元素的能力。 - **Ajax**：JQuery的`.ajax()`函数是进行异步数据交换的关键，它可以处理XMLHttpRequest对象的所有细节，使得发送...
评论 32
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值