引导-不使用JS或jQuery将选择器选择为默认值 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

js与jQuery的区别以及jQuery选择器和方法的使用

目录使用jQuery js与jQuery代码对比 jQuery选择器：用来选中元素基本方法 ---- js与jQuery代码对比 jQuery选择器：用来选中元素基本方法使用jQuery jQuery...3.3.1 建议下载开发版本 2、HBuilder使用创建项目 3、把jQuery库复制到项目中的js文件夹中 4、引入jQuery库文件: 注意：script标签中不要写内容，写jQuery代码就再写一对...script标签 js与jQuery代码对比案例1：点击按钮获取文本框中的值(JS对比jQuery)，如下图 JS版： jQuery版：先引入jQuery库 jQuery选择器：用来选中元素 ...选择器还可以组合多个一起使用，可以分为并集和交集。...不不不是偶数的意思。这个地方很神奇，为嘛呢？因为外国的第一个是0，第二个是1，第三个是2，那么刚好在这里，奇数表示的是偶数个，偶数表示的是第奇数个。咋样，感觉刺激不，晕不晕？

16.7K1 0

jQuery

一、语法简介 $("选择器") 或 jQuery("选择器") var 元素对象 = $("选择器"); eg: var 元素对象 = $("#id值"); 元素对象.val(); // 获取当前对象上...: *所有 | # id | .class | 标签选择器（标签名）|a,b(多个选择器用‘，’隔开)| 层级选择器： a b :选择a的b后代 | a > b:选择a的b孩子 | a+b:选择a...的大弟弟b | a~b:选择a的所有b弟弟| 属性选择器： [属性名] 获取元素上带有该属性名的元素对象 [属性名='值'] 获取元素上带有该属性名且值为''的元素对象属性选择器一般和标签选择器联合使用..., 在jQuery中包括使用js也一样,由于submit字眼比较特殊,使得js代码无所适从.将name换个名字就好啦!...:请求失败时调用此函数 | dataType:服务器返回的数据类型一般不需要自己设置,如果需要设置一般设置为 "json" async:设置是否异步提交默认值为true(异步提交) 3.json:

5.4K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

前端架构师之01_JQuery

基本选择器层级选择器基本过滤选择器内容选择器可见性选择器属性选择器子元素选择器表单选择器 2.2.1 基本选择器 jQuery中基本的选择器，常用的分别为：标签选择器、类选择器和ID选择器...选择器功能描述示例 :contains(text) 获取内容包含text文本的元素 $("li:contains('js')")获取内容中含“js”的元素 :empty 获取内容为空的元素...，想要同时复制该节点的所有事件的处理，则可以将clone()方法的操作设置为true，否则节点复制时使用默认操作false即可。...数据类型 async 是否异步，true表示异步，false表示同步，默认值为true cache 是否缓存，true表示缓存，false表示不缓存，默认值为true contentType 请求头，默认值为...ery-ui.min.js"> > 在实际项目中若只做中文开发，则每次使用时都配置这些属性会比较麻烦，建议将中文相关的配置保存到一个JavaScript文件中，每次使用时直接引用即可。

3.1K0 0

Wijmo 更优美的jQuery UI部件集：发现 Wijmo

$(“#wow”).hide() 隐藏一个ID为“wow”的元素。 jQuery 选择器在开始使用jQuery之前，你需要理解jQuery 选择器的核心概念。...不同类型的选择器列举如下： jQuery 元素选择器在 jQuery 中，你可以使用CSS选择器来选择特定的DOM元素，例如： $(this) 选择当前的DOM元素。...jQuery 属性选择器如果你想通过属性选择元素，而不是通过DOM对象，你可以使用XPATH表达式来选择具有特定属性的元素。例如： $(“[href]”) 选择具有href属性的所有元素。...jQuery CSS 选择器如果你想改变一个DOM元素的CSS属性，你可以使用CSS选择器。...85 }); 通过将maxValue选项设置为85，wijprogressbar 部件的取值范围将变成从0到85，其minValue属性默认值为0。

3.8K9 0

day01jQuery节点操作

的使用过程中，存在很多问题，例如：兼容问题(咱不考虑)，元素获取方式单一(只能用基本的选择器)等等，因此就出现了很多第三方的封装库(将复杂的、麻烦的功能进行封装，提供给用户一种简单的、可直接调用的形式进行使用...2. jQuery基本使用 2.1 对象获取 2.1.1 基本选择器 //基本选择器 //使用js进行获取 var btns = document.getElementsByTagName("button...i1" value="默认值"> //通过jquery选择器选择对应的jquery对象...="i1" value="默认值"> //通过jquery选择器选择对应的jquery对象...JS对象只能使用JS中提供的函数或属性，同样的JS中的属性或函数只能由JS对象进行调用 3.1 jQuery对象转js对象 jQuery中提供了get(index)函数用于对象的转换，同时可以使用数组下标的形式进行转换

6100 0

day40_jQuery学习笔记_01

day01: jQuery基础 --> 选择器、属性和CSS、文档处理 day02: jQuery高级 --> 筛选、事件、效果(动画)、ajax 一、jQuery 的介绍 1.1、JS类库 JavaScript...、使用Ajax以及其他功能 jQuery能够使用户的html页面保持代码和html内容分离不用再在html里面插入一堆js来调用命令了，只需要定义id即可 jQuery提供API让开发者编写插件，有许多成熟的插件可供选择...，所以想要获得value的值，需要把js代码放在input标签的下面 // jQuery 中获得jQuery对象的语法： // $("选择器") == jQuery(...()); // 3、将 jQuery对象转换成 js的dom对象 // 3.1、方式一：jQuery对象内部使用【数组】来存放所有的数据，可以通过数组的索引进行获取...，就设置value的值为默认值，否则不设置。

7.2K2 0

JQuery

js的选择器都可以用，而且还有更多的选择器 eq equal 选中下标等于某个数字的标签（两种写法，可以看下面的代码块）选择器转移（选择集转移）：.next() .prev() .nextAll....siblings()选择元素的同级别元素 -----排他思想：只许州官放火不许百姓点灯先将自己控制一遍，然后调用siblings再把除了自己的其他同级元素控制一遍这个 this jq中使用this...提供的一个程序员可以根据自己的需求封装动画效果或功能的函数。...animate(字典形式的动画过程，动画时间，运动曲线，回调函数) 4个参数，只有参数1是必填项{} 动画时间毫秒为单位，默认值是600；运动曲线：字符串的形式 linear（默认值）和swing..., 动画时间, 运动曲线, 回调函数) // animate4个参数只有参数1是必填项 {} // 动画时间毫秒为单位默认值是600

8.4K2 0

javaWeb核心技术第五篇之jQuery

/js/jquery-1.11.0.min.js">" - 语法 - $("选择器") 或 jQuery("选择器") "var 元素对象...= $("选择器"); $("#id值"); val();" - javaScript和jquery区别 - 注意事项: "使用jquery的方式获取的对象称为...jquery对象, 使用js的方式获取的对象称为dom(js)对象, 两者的方法和属性不能混用, 使用jquery的方法和属性时,必须保证对象是jquery对象...jQuery和html整合: 1.下载 2.通过script标签的src属性引入即可(1.11) jQuery语法: $("选择器"); 或 jQuery("选择器"); jq对象和...: 基本选择器: * #id .class 标签名称多个选择器之间使用逗号层次选择器: a b a>b a+b a~b 基本过滤选择器

9K1 0

【前端开发】HTML+CSS+JavaScript前端三剑客的基础知识体系了解

CSS选择器主要分以下⼏种: 1. 标签选择器 2. class选择器 3. id选择器4. 复合选择器 5....通配符选择器代码如下：我是⼀个div, class为font32 我是⼀个div, class为font32...最⼤的区别) 4.通配符选择器 * { color: red; } 注意:置⻚⾯所有元素, 颜⾊为红⾊ 5.复合选择器 ul li a { color: blue; } 注意：这里的的标签是有先后顺序的...的文件了，那么我们就可以使用这个jQuery来操作JavaScript了； 2.jQuery的基础语法知识 jQuery 语法是通过选取 HTML 元素, 并对选取的元素执⾏某些操作 $(selector...⽂本内容 html() 设置或返回所选元素的内容（包括 HTML 标签） val() 设置或返回表单字段的值代码如下所示： jquery.js" ></script

1.3K1 0

【前端】Web前端学习笔记【1】

JS中的：（1）continue 语句（带有或不带标签引用）只能用在循环中。（2）break 语句（不带标签引用），只能用在循环或 switch 中。...语法：　　$(selector).each(function(index,element)) 其中：　　index - 选择器的 index 位置　　element - 当前的元素（也可使用 "this...针对表单元素，jQuery还有一组特殊的选择器： :input：可以选择，，和； :file：可以选择<input type="file...； :focus：可以选择当前输入焦点的元素，例如把光标放到一个上，用$('input:focus')就可以选出； :checked：选择当前勾上的单选框和复选框，用这个选择器可以立刻获得用户选择的项目...此外，jQuery还有很多有用的选择器，例如，选出可见的或隐藏的元素： $('div:visible'); // 所有可见的div $('div:hidden'); // 所有隐藏的div ======

9219 0

一个小时学会jQuery

有了jQuery，就能够利用现有知识去发挥选择器的威力，在很大程度上简化JavaScript代码。CSS中可以使用的选择器基本都可以用到jQuery中，反之不然。 3.1. ...开发出来的方法就是通过使用选择器—基于元素的属性或元素在HTML文档中的位置，简明地表现元素。例如，选择器：p a 引用所有嵌套于元素之内的超链接(元素)组。...jQuery利用同样的选择器，不仅支持目前CSS中使用的常见选择器，还支持尚未被大多数浏览器完全实现的更强大的选择器。...基本选择器基本选择器是jQuery中最常用的选择器，也是最简单的选择器，它通过元素id、class和标签名等来查找DOM元素。在网页中，每个id名称只能使用一次，class允许重复使用。..."*")选取所有的元素可以使用这些基本选择器来完成绝大多数的工作，下面我们对这些选择器一一进行讲解。

22.4K7 1

jQuery(一)

/ 不过目前处于不更新的状态，不推荐使用内部的插件，因为很可能没有作者维护了。...Jquery()方法，即$ 选择的方式第一种传递css选择器（字符串）给$()方法。...通过这种方法调用，$()会返回当前文档中匹配该选择器的元素集。第二种传递一个Element，Document或Window对象给$()方法，$()将会将其封装成对象并返回。...ps 在这种情况下，不能使用纯文本，因为jQuery会将纯文本当成选择器解析。...，将会返回jQuery对象表示匹配该选择器的文档元素集。

2.9K4 0

好久不用 jQuery，来复习一下

体积大一些 ♞ jquery-xxx.min.js：生产版本。程序中使用，没有缩进。体积小一些。...("name"); // DOM 对象 var $jquery = $(dom); // jQuery 对象 1.2 jQuery 选择器 jQuery 选择器允许对 HTML 元素组或单个元素进行操作...jQuery 选择器基于元素的 id、类、类型、属性、属性值等查找或选择 HTML 元素。它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。...1.2.4 表单选择器为了更加灵活地操作表单，jQuery 中专门加入了表单选择器。利用这个选择器，能极其方便地获取到表单的某个或某类型的元素。 ?...当把元素隐藏后，可以使用 show() 方法将元素的 display 样式设置为先前的显示状态。提供了 toggle() 方法进行二者之间的切换。

6.2K4 0

WEB入门之十九 UI

Ø fillSpace：用来设置手风琴组件的高度与其父容器一致，将覆盖autoHeight，默认值是false。...jQuery UI中的日期选择器灵活易用，可自由定制多种风格的界面。我们先认识一下这个组件的最简单用法，参考代码如下所示。示例9.6 使用datepicker函数为页面中的某个文本框提供了日期选择器，见斜体部分。...上述代码给我们展示的是jQuery中日期选择器组件的默认效果，我们还可以通过该组件的相关参数来定制多种多样的日期选择器。...Ø modal：用来设置该对话框是否为模式对话框，默认值为false。

2.3K1 0

前端学习之jQuery

［3］它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器［4］ jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments...DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同样DOM对象也不能使用jQuery里的方法,卵用会报错约定：如果获取的是jQuery对象,那么在变量前面加上$ var $...选择器和筛选器) 3.1 选择器 3.1.1 基本选择器 $("*") $("#id") $(".class") $("element") $(".class,p,div") , 3.1.2...$("div").find(".test") 　//　find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。...如果提供选择器，则取回匹配该选择器的下一个同胞元素。　$(".test").nextAll() //获得匹配元素集合中每个元素之后的所有同辈元素，由选择器进行筛选（可选）。

3.7K1 0

JS一些插件收集

的标签添加与删除插件 http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/ bootstrapTour bootstrap页面引导插件...ClockPicker.js bootstrap的时间选择器 http://weareoutman.github.io/clockpicker/ Codemirror.js 代码显示与编辑器 http...://codemirror.net/ colorpicker.js jquery颜色选择器 http://www.eyecon.ro/colorpicker/ cropper.js jquery图片剪裁插件...日期选择器 http://jqueryui.com/datepicker/ datatable.js jquery表格插件 http://www.datatables.club/ daterangepicker.js.../diff-match-patch dotdotdot.js jquery单行或多行文本的省略 http://dotdotdot.frebsite.nl/ dropzone.js 原生js上传图片并回显

11.6K3 0

继续死磕前端

1.1 jquery 选择器还记到大明湖畔（CSS）的夏雨荷（选择器）吗？选择器可以快速定位到元素并为其应用样式效果。jquery 选择器的选择规则与 CSS 相同，只是目的是为其添加操作。...不要有任何心理负担，它相当简单，如下： 1.选择 id 为 Ethan 的元素（类比 id 选择器） $('#Ethan') 2.选择 class 为 Yan 的元素（类比类选择器） $('.Yan')...3.选择所有的 p 标签（类比标签选择器） $('p') 4.选择 id 为 mylist 的元素下所有 li 标签下的 span 元素（类比层级选择器） $('#mylist li span') 5...jquery 对象用 $(this) }; js 对象与 jquery 对象有些许不同，jquery 对象是对 js 对象的封装，然后让其拥有了 jquery 的操作方法。...DOM 对象转 jquery 对象： $(js对象) jquery 对象转 DOM 对象： jQuery对象[index]; //方式1 （推荐使用） jQuery对象.get(index);

3.7K1 0

与Ajax同样重要的jQuery（1）

(expression, [context]) // 查找指定对象 ------ 九种选择器 3)jQuery(elements) // 将dom对象转换为jQuery对象 * document 是DOM...但是我们可以使用jQuery提供方法，将DOM对象通过jQuery()函数包装成为jQuery对象，同样我们可以把jQuery对象转化成DOM对象。...多个选择器同时使用 selector1,select2 例如： $("#xxid ,.xxxclass") 同时选择id 和 class匹配两类元素练习1： ² 通过each() 在每个div元素内容前.../jquery-1.8.3.min.js"> $(function(){ // 将class属性值为itcast的元素下所有...('John')") 文本内容含有john 的所有div :empty 选取不包含子元素或者文本节点的空元素 $("td:empty") td元素必须为空 :has(selector) 选取含有选择器所匹配的元素的元素

11.5K6 0

jQuery 快速入门教程

使用jQuery 选择器选取元素，并封装为jQuery对象将现有的DOM元素封装为jQuery对象将HTML字符串封装为jQuery对象元素筛选 jQuery 核心：DOM操作的原则...和CSS选择器一样，jQuery选择器也支持多个选择器任意组合使用。...// 多个选择器以空格或指定符号隔开，将匹配与前者具有指定关系的最后一个选择器所表示的元素 $("#uid span"); // 选择id为"uid"的元素的所有后代span元素 $("p > span...当我们使用$("选择器字符串")匹配到指定的元素后，将返回一个jQuery对象。该对象就包含匹配到的所有DOM元素。...如果指定的选择器没有匹配到任何元素，将返回一个空的jQuery对象(不包含任何DOM元素)。

15.2K3 0

前端基础-JQuery(一)

简化JS开发 * jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。...因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4 (2016年5月20日) 2.x：不兼容ie678，很少有人使用，官方只做BUG维护，功能不再新增。...如果不考虑兼容低版本的浏览器可以使用2.x，最终版本：2.2.4 (2016年5月20日) 3.x：不兼容ie678，只支持最新的浏览器。...体积大一些 2. jquery-xxx.min.js：生产版本。程序中使用，没有缩进。体积小一些。程序加载更快 2. 导入JQuery的js文件：导入min.js文件 3....使用 var div1 = $("#div1"); alert(div1.html()); 3. JQuery对象和JS对象区别与转换 1.

1.4K2 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭