day17--JQuery

JQuery(中文社区:http://jquery.cuishifeng.cn/)

　　模块类库在不同语言叫法不一样而已

　　DOM/BOM/JavaScript的类库

　　一、查找元素

　　　　JQuery:

　　　　　　选择器：直接找到某个或某些标签

　　　　　　1.id

　　　　　　　　$("$id")

　　　　　　2.class

　　　　　　　　$(".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的标签

　　二、操作元素

　　====》实例：

转载于:https://www.cnblogs.com/gengcx/p/7636172.html

day17--JQuery相关推荐

JavaWeb笔记：第07章 MVC |EL |JST |Filter |Listener |JQuery |AJAX |Maven |JSON |Redis |Linux |Nginx
JavaWeb笔记:第07章 MVC |EL |JST |Filter |Listener |JQuery |AJAX |Maven |JSON |Redis |Linux |Nginx 1. MVC ...
Ajax接收Java异常_java – 处理来自Servlet的Jquery AJAX响应中的异常
我的servlet代码是 try{ //something response.setStatus(201); out.print("Data successfully saved" ...
Jquery DIV滚动至浏览器顶部后固定不动代码
获取元素(这里定位元素A)距离顶部的高度,接着设定scroll滚动的事件,比如超过那个高度,把A的位置设定为fixed,小于该高度,修改回relative. 效果例1 代码如下复制代码 <scr ...
jquery.raty评星插件
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>j ...
jquery autocomplete demo
根据用户输入值进行搜索和过滤,让用户快速找到并从预设值列表中选择. jquery.autocomplete参考地址 http://bassistance.de/jquery-plugins/jquer ...
在Ant-design-pro框架中引入jQuery和jQuery-ui步骤
1.安装jQuery和jQuery-ui npm i jquery s npm i jquery-ui s yarn install 2.在vue.config.js中进行配置 // webpack ...
火狐浏览器允许ajax,解决火狐浏览器发送jquery的ajax请求无效的问题
今天遇到这样一个问题: 页面在chrome下发送ajax的请求是没有问题的,但是在firfox下无效. 代码大致如下: //前面省略 ..... 生成成绩查询成绩 ...... ...... fun ...
jquery 监听的案例
jQuery 简介 jQuery 是一个 JavaScript 库. jQuery 使用可以下载一个,也可以使用Staticfile CDN.百度.又拍云.新浪.谷歌和微软的服务器都存有 jQuer ...
网站项目必备——12款白富美型 jQuery 图片轮播插件
转自:http://www.cnblogs.com/lhb25/archive/2013/01/06/jquery-image-carousel-effect.html 图片轮播是网站中的常用功能,用 ...
利用 jquery 获取某个元素下的所有图片并改变其属性
HTML代码 <div id="mochu"> <p>内容....<./p> <p><img src="xxxx.p ...

day17--JQuery

day17--JQuery相关推荐

最新文章

热门文章