首页 > 编程语言 >python49days

python49days

时间:2023-11-03 21:11:06浏览次数:45  
标签:jQuery index selected jquery https 选择器 python49days

定时器案例

 

 

 

 

 

 

 

   需要手动删除

 

改为 placeholder 时  

 

变为虚拟背景  提示作用

 

 

 

如何修改标签属性

 

省市联动

 

 

 

jQuery快速入门

它是js的一个封装库、它里面简化了js 的一些复杂的写法,jQuery在三五年之前非常的流行,现在的项目很少使用jQuery.

 jQuery介绍
最大的问题就是兼容各个浏览器的适配问题,如果你的是IE浏览器
1. jQuery是一个轻量级的、兼容多浏览器的JavaScript库,使用jQuery不用考虑浏览器兼容性问题
2. jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:"Write less, do more."
 jQuery内容:
1. 选择器
2. 筛选器
3. 样式操作
4. 文本操作
5. 属性操作
6. 文档处理
7. 事件
8. 动画效果
9. 插件
10. each、data、Ajax
下载链接:jQuery官网
中文文档:jQuery AP中文文档

 jQuery版本

1.x
2.x
3.x
"学习3.x的版本
使用jQuery必须先下载库文件,下载方式:
1. 去官网下载:https://jquery.cuishifeng.cn/jQuery_selector_context.html
https://jquery.com/
2. bootcdn:
https://www.bootcdn.cn/

CDN的作用是:为了加快响应速度
https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script>

jQuery对象:它和DOM对象可以相互转换,但不是同一个东西,如果你想使用jQuery提供的各个方法,就需要你把DOM对象转为jQuery对象.
DOM对象:标签对象

语法格式:
jQuery("选择器").action(); --------> $("选择器").action();

jQuery === $
 基本选择器
var div1 = $("#d1");
var div2 = $('.c1')[0];
console.log(div2); // e.fn.init(1)
var div3 = $('div')[1];
console.log(div3);

 基本筛选器:
:first // 第一个
:last // 最后一个
:eq(index)// 索引等于index的那个元素
:even // 匹配所有索引值为偶数的元素,从 0 开始计数
:odd // 匹配所有索引值为奇数的元素,从 0 开始计数
:gt(index)// 匹配所有大于给定索引值的元素
:lt(index)// 匹配所有小于给定索引值的元素
:not(元素选择器)// 移除所有满足not条件的标签

 属性选择器:

[username]
[username='ly']
input[username='ly']

表单筛选器:
:text
:password
:file
:radio
:checkbox

:submit
:reset
:button

$(":checkbox") // 找到所有的checkbox
$('input[type="text"]')---------->$(':text')
$('input[type="password"]')---------->$(':password')

 表单对象属性:
:enabled
:disabled
:checked
:selected

<select id="s1">
<option value="beijing">北京市</option>
<option value="shanghai">上海市</option>
<option selected value="guangzhou">广州市</option>
<option value="shenzhen">深圳市</option>
</select>

$(":selected") // 找到所有被选中的option


$(':checked') # 它会将checked和selected都拿到
$(':selected') # 它不会 只拿selected
$('input:checked') # 自己加一个限制条件

 

标签:jQuery,index,selected,jquery,https,选择器,python49days
From: https://www.cnblogs.com/wzh366/p/17808513.html

相关文章