jQuery01–入门&选择器

本文介绍: 新手刚入门jQue ry基础

jQue r 入门:

一，3W1H

二，jQue ry 选择器

3W:what？是什么 wh y？为什么要学习？ where？哪些清况可以用？

1H:How?怎么样

What:Que ry是Ja vaScri p t的库，就是在里面封装了很多的Js 代码 jQue r y（90%）、Ex tJs

why: 为了简化Jav aScri p t的开发

where:中大型网站开发，一些前端框架的基础，比如Ea syUl，Bo o t str ap

How：工具:Hbuilder 使用步骤:①下载jQue ry库 ②引入：将js 文件复制到项目中 ③：使用

jQue ry选择器:

基本选择器

层次选择器

过滤选择器

表单选择器

基本选择器（常用选择器）

ID选择器：#ID

类选择器：.class

元素选择器：element

通配符：*

多个选择器（并集）：selector1，selector2

多个选择器（交集）：select o r1 select or2

层次选择器

查找所有元素，查询子元素

过滤选择器

参考jQuery文档

获取第一个元素：first

最后一个元素：las t

获取偶数下标的元素：e v en

获取奇数下标的元素：od d

获取某一范围元素：–:g t 大于 –:lt小于

表单选择器

参考jQuery文档

获取单选框的值： –:enable d

HTML代码:
$("input:enabled")
&lt;form&gt;
  <input name="email" disabled="disabled" />
  <input name="id" />
</form>

获取复选框的值

jQuery代码

$("input:checked")

<form>
  <input type="checkbox" name="newsletter" checked="checked" value="Daily" />
  <input type="checkbox" name="newsletter" value="Weekly" />
  <input type="checkbox" name="newsletter" checked="checked" value="Monthly" />
</form>

获取下拉框的值

jQuery代码

$("select option:selected")

<select>
  <option value="1">Flowers</option>
  <option value="2" selected="selected">Gardens</option>
  <option value="3">Trees</option>

结果:

[ <option value="2" selected="selected">Gardens</option> ]

原文地址:https://blog.csdn.net/qq _63531917/ar ti cle/de tails/123530525

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。

如若转载，请注明出处：http://www.7code.cn/show_31308.html

如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

jquery 入门选择器

相关文章

发表回复 取消回复

发表回复取消回复