甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
那么今天我们使用jQuery来实现这一前端效果。运行效果图： HTML首先，我们将查询条件分类，在页面中布置条件容器li.select-list和已选择的条件容器div.select-result。
创新互联公司致力于互联网网站建设与网站营销，提供网站设计、做网站、网站开发、seo优化、网站排名、互联网营销、小程序定制开发、公众号商城、等建站开发，创新互联公司网站建设策划专家，为不同类型的客户提供良好的互联网应用定制解决方案，帮助客户在新的全球化互联网环境中保持优势。
首先新建html文档，向下查找兄弟标签：.next()。jquery支持链式操作，向下查找兄弟标签的兄弟标签：.next().next()。接着向下查找所有兄弟标签：nextAll()，向下查找一直找到某个条件为止：nextUntil(条件)。
jQuery给放到一个文件夹里面，方便我们待会引用这个jQuery，这里我就放到我项目的js文件夹里面。然后我们来开始编辑HTML界面代码。如图，使用script标签把jQuery引入到我们的HTML界面。
jQuery.i18n.properties 插件中的资源文件以“.properties”为后缀，包含了区域相关的键值对。
新建一个html文件，命名为test.html。在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。在test.html文件内，在p标签内，使用button标签创建一个按钮，按钮名称为“按钮”。
可以说，vscode是代码编辑器的首选。个人推荐编写前端代码时，代码编辑器选择vscode，IDE选择WebStorm。
对于vue的使用可以分为两种使用形式：引入vue.js文件，在js中将vue实例化；通过node安装第三方包--vue，搭建脚手架，用脚手架将页面分成几个组件编写，从而利用组件来搭建页面。
检查node是否安装成功 为了更快安装，可以使用淘宝的镜像：http：//npm.taobao.org/ 在终端输入以下命令：检测cnpm是否安装成功 vue-cli是vue脚手架工具，方便打包，部署，测试等。
本文将分享如何快速搭起基于webpack+vue的前端项目框架，利用vue的自己的脚手架工具vue-cli搭建起基本的环境配置，再通过npm包管理工具引入相应的依赖来完善项目的各种依赖框架。下面是具体实操。基本命令操作。
前端开发不需要配编译环境了，只需要把需要的各种库、工具在命令行界面安装就行。具体过程网上搜“从零开始搭建vue项目”。
1、jquery7以上的都支持模块化加载，只是jquery默认的是支持amd，不支持cmd。
2、return function(jquery){ (function($) { .fn.pri= function() { alert($(a).attr(href))// 代码区域。}；})(jquery)；} })jquery库在总js文件（调用该插件的文件）中加载。
3、方法一，将js插件cmd模块化（define封装成seajs模块，返回匿名函数，包含插件的源码）。
4、快速简要知识点：seajs.config({...})； //用来对 Sea.js 进行配置。seajs.use([a，b]，function(a，b){...})； //用来在页面中加载一个或多个模块。
如果只会jquery而不会js不利于其它编程语言的学习。javascript和jquery这两者之间几乎没有可比性。
前端框架库：Zepto.js描述：Zepto是一个轻量级的针对现代高级浏览器的JavaScript库， 它与jquery有着类似的api。 如果你会用jquery，那么你也会用zepto。
JS高级特征：正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础。JQuery：基础使用悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。
JS是在ES的基础上，为Web浏览器做了一部分封装（增加了DOM操作、BOM操作等）。
后端程序员实现网站页面活程序的界面美化、交互体验的IT技术开发人员，需要精通HTML、CSS、JavaScript、jQuery、Ajax等核心的Web前端技术，具备互联网交互设计能力，熟悉Vue、React、angularjs 等最新的框架。
这个是前端开发的信息结构。熟练掌握DIV+CSS基本知识，这个东西基本就是前端的基础了，它可以将你写的东西直观的展示出效果给你看，这个就是前端开发的显示效果。学习JavaScript编程，深入学习，包括jquery等框架。