day17--JQuery
JQuery(中文社区:http://jquery.cuishifeng.cn/)
模块 类库 在不同语言叫法不一样而已
DOM/BOM/JavaScript的类库
一、查找元素
JQuery:
选择器：直接找到某个或某些标签
1.id
$("$id")
2.class
<div class="c1"></div>
$(".c1")
3.标签
$("a") 查找所有的<a>标签
4.组合
$("a,.c2,#i10") 查找<a>标签或class="c2"或id="i10"的标签
5.层级
$("#i1 a") 查找标签属性id="i1"下面的<a>标签
$("#i1 >a") 查找标签属性id="i1"的子标签
6.基本筛选器
:first #找到标签下面的第一个标签
:gt(index) :lt(index) :ep(index) :last
7、属性
$('[attribute]') 具有attribute属性的所有标签
$('[attribute="value"]') 属性等于attribute且值等于value的标签
筛选
实例：
多选，反选，全选
- 选择权
-
$("tb:checkbox").prop("checked") #获取值
$("tb:checkbox").prop("checked",true) #设置值
- $("#tb:checkboc").each(function(){
//k当前索引
//this,DOM,当前循环的元素$(this)
}}
- var v=条件?false:true #三元运算 ，取反，真值，取假；假值，取真。
PS:
1.x 推荐使用1.x系列，兼容性好
2.x
3.x
转换
Jquery对象转换为Dom对象 $('#i1')[0] ===》document.getElementById("i1")
Dom对象 ===》 $(Dom对象)
引用：
在<body>下面引用<script src="jquery-1.12.4.js"><script>引用Jquery内容
筛选器： --- JQuery里面根据当前标签进行筛选的标签
$().next() #当前标签的下一个标签
$().prevAll() #查找上面所有的标签
$().prevUntil() #查找上面同级标签，指导截至条件位置的标签
$().prev() #当前标签的上一个标签
$().parent() #当前标签的父标签
$().parents() #查找标签的所有父标签，包括祖父，祖先，顶端<html>
$().parentsUntil() #查找父级标签的上级标签截至
$().children() #当前标签所有的子标签
$().text() #获取标签的内容
$().siblings() #获取所有的兄弟标签（sibling:兄弟姐妹）
$().find('.content) #查找class=content的标签
二、操作元素
====》实例：
day17--JQuery的更多相关文章
- python_way day17 jQuery表单验证，事件绑定，插件，文本框架，正则表达式
python_way day17 1.jQuery表单验证 dom事件绑定 jquery事件绑定 $.each return值的判断 jquery扩展方法 2.前段插件 3.jDango文本框架 4. ...
- Python学习-day17 jQuery method and demo
一:介绍: jQuery:是DOM和js的封装.jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写得更少,做得更多).现在大多数的pc端的网站都 ...
- [Python自学] day-17 (jQuery)
一.jQuery简介 参考文档链接:http://jquery.cuishifeng.cn/ jQuery是JS的一个类库,是对DOM.BOM等的封装,方便我们来查找和操作元素. jQuery分为1. ...
- python_way day17 html-day3 前端插件（fontawsome，easyui，bootstrap，jqueryui，bxslider，jquerylazyload），web框架
python_way day17 一.模板插件 图标的插件 fontawsome: 后台管理: easyui jqueryui 很多网站都会用: bootstrap :引入jQuery:(2.x,1. ...
- Python之路,Day17 - 分分钟做个BBS论坛
Python之路,Day17 - 分分钟做个BBS论坛 本节内容: 项目:开发一个简单的BBS论坛 需求: 整体参考"抽屉新热榜" + "虎嗅网" 实现不同 ...
- Angular杂谈系列1-如何在Angular2中使用jQuery及其插件
jQuery,让我们对dom的操作更加便捷.由于其易用性和可扩展性,jQuer也迅速风靡全球,各种插件也是目不暇接. 我相信很多人并不能直接远离jQuery去做前端,因为它太好用了,我们以前做的东西大 ...
- jQuery UI resizable使用注意事项、实时等比例拉伸及你不知道的技巧
这篇文章总结的是我在使用resizable插件的过程中,遇到的问题及变通应用的奇思妙想. 一.resizable使用注意事项 以下是我在jsfiddle上写的测试demo:http://jsfiddl ...
- Jquery的点击事件，三句代码完成全选事件
先来看一下Js和Jquery的点击事件 举两个简单的例子 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q ...
- jQuery实践-网页版2048小游戏
▓▓▓▓▓▓ 大致介绍 看了一个实现网页版2048小游戏的视频,觉得能做出自己以前喜欢玩的小游戏很有意思便自己动手试了试,真正的验证了这句话-不要以为你以为的就是你以为的,看视频时觉得看懂了,会写了, ...
- jquery和Js的区别和基础操作
jqery的语法和js的语法一样,算是把js升级了一下,这两种语法可以一起使用,只不过是用jqery更加方便 一个页面想要使用jqery的话,先要引入一下jqery包,jqery包从网上下一个就可以, ...
随机推荐
- centos7 cannot find a valid baseurl for repo
出现这个问题是因为yum在安装包的过程中,虽然已经联网,但是没法解析远程包管理库对应的域名,所以我们只需要在网络配置中添加上DNS对应的ip地址即可. 操作 1.打开网络配置文件 vi /etc/sy ...
- web.py 模板错误记录
错误信息 Traceback (most recent call last): File , in process return self.handle() File , in handle retu ...
- buildroot构建项目（八）--- u-boot 2017.11 适配开发板修改 5 ---- 系统启动初始化之五
执行完 board_init_f 后,跳回到 crt0.S中继续执行汇编语言 ldr r0, [r9, #GD_START_ADDR_SP] /* sp = gd->start_addr_sp, ...
- QA系统Match-LSTM代码研读
QA系统Match-LSTM代码研读 背景 在QA模型中,Match-LSTM是较早提出的,使用Prt-Net边界模型.本文是对阅读其实现代码的总结.主要思路是对照着论文和代码,对论文中模型的关键结构 ...
- Hbase 集群安装（Hadoop 2.6.0 hbase0.99.2）
一:说明 该安装是在hadoop集群安装后进行,详情可见上一篇博客虚拟机centos7系统下安装hadoop ha和yarn ha(详细) .其中涉及五台机器,两台master(机器名:master, ...
- [CQOI2012]组装 （贪心）
CQOI2012]组装 solution: 蒟蒻表示并不会模拟退火,所以用了差分数组加贪心吗.我们先来看题: 在数轴上的某个位置修建一个组装车间 到组装车间距离的平方的最小值. 1<=n< ...
- Nginx实战之让用户通过用户名密码认证访问web站点
1.Nginx实战之让用户通过用户名密码认证访问web站点 [root@master ~]# vim /usr/local/nginx/conf/extra/www.conf server { lis ...
- Flask最强攻略 - 跟DragonFire学Flask - 第六篇 Flask 中内置的 Session
Flask中的Session非常的奇怪,他会将你的SessionID存放在客户端的Cookie中,使用起来也非常的奇怪 1. Flask 中 session 是需要 secret_key 的 from ...
- win10如何获得管理员权限_百度经验
win10如何获得管理员权限_百度经验http://jingyan.baidu.com/article/0aa223755448db88cd0d6450.html 在右下方任务栏的“搜索web和win ...
- DSO windowed optimization 公式
这里有一个细节,我想了很久才想明白,DSO 中的 residual 联系了两个关键帧之间的相对位姿,但是最终需要优化帧的绝对位姿,中间的导数怎么转换?这里使用的是李群.李代数中的Adjoint. 参考 ...