JQuery
关注
分享
扫一扫
零怀念
发抖
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JQuery的入口函数——$(document).ready()
我们知道，JavaScript中有一个window.onload=function(){}入口函数可以等整个页面加载完再执行函数里面的内容。JQuery中也有这么一个函数：$(document).ready(function(){})，可以简写为$(function(){})。但是这两个函数有两点区别： 1、window.onload=function(){}会等待整个页面（包括视频、音乐、图片...原创 2018-08-18 14:22:19 · 1495 阅读 · 0 评论 -
JQuery事件绑定
事件绑定 单个事件绑定 新的方法：$(selector).on(event,function) jquery1.7以前用bind() 传统方法：$(selector).event(function) 阻止事件冒泡：event.stopPropagation() 示例： <!DOCTYPE html> <html lang="en"> <head>...原创 2018-08-27 20:10:29 · 1710 阅读 · 0 评论 -
JQuery的元素操作函数
添加元素 NO. 方法 语法 描述 备注 1 append() $(selector).append(content) 文本内容成为选择器选中的元素的最后一个子节点 content可以是文本，html元素，JQuery对象，DOM对象 2 appendTo() $(content).appendTo(selector) 元...原创 2018-08-27 17:13:01 · 418 阅读 · 0 评论 -
JQuery设置元素属性和内容
普通属性 1.设置属性： 设置单个属性：$(选择器).attr("属性名","属性值") 设置多个属性：$(选择器).attr({属性名:"属性值",属性名:"属性值"…}) 这里的属性名可加引号也可不加引号 2.获取属性： $(选择器).attr("属性名") 3.删除属性： $(选择器).removeAttr("属性名") 示例： <!DOCTYPE ht原创 2018-08-27 11:03:35 · 10295 阅读 · 0 评论 -
JQuery表单对象选择器
示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body > &l原创 2018-08-26 21:32:07 · 193 阅读 · 0 评论 -
JQuery遍历
后代 1.find(选择器)：返回被选元素的所有后代元素集合 2.children（选择器)：返回被选元素的所有直接子元素集合（括号里可以为空） 示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title&原创 2018-08-26 16:54:29 · 524 阅读 · 0 评论 -
JQuery子元素过滤选择器
NO. 选择器 描述 1 p:nth-child(n|even|odd) 属于其父元素的第n个|第偶数个|第奇数个子元素且为p的元素集合，从1开始 2 p:first-child 属于其父元素的第一个子元素且为p的元素集合 3 p:first-of-type 属于其父元素的第一个为p的子元素的元素集合 4 p:last-chil...原创 2018-08-26 16:27:32 · 788 阅读 · 0 评论 -
JQuery属性过滤选择器
属性过滤选择器 NO. 选择器 描述 1 [属性名称] 带有括号里的属性名称的元素集合 2 [属性名称=属性值] 属性名称=属性值的元素集合 3 [属性名称!=属性值] 属性名称不等于属性值的元素集合 4 [属性名称^=属性值] 以该属性值开头的元素集合 5 [属性名称$=属性值] 以该属性值结尾的元素集...原创 2018-08-26 15:51:06 · 2365 阅读 · 0 评论 -
JQuery可见性过滤选择器
可见性过滤选择器 NO. 选择器 描述 1 :hidden 隐藏的元素集合 2 :visible 可见的元素集合 以下几种情况的元素是隐藏元素： 设置为 display:none 带有 type="hidden" 的表单元素 width 和 height 设置为 0 隐藏的父元素（这也会隐藏子元素） 注释：:hiddren选择器对 visi...原创 2018-08-26 14:55:23 · 214 阅读 · 0 评论 -
JQuery内容过滤选择器
常见的内容过滤选择器 NO. 选择器 描述 1 :contains(文本) 包含括号内的文本的元素集合（括号内要加引号） 2 :empty 空元素（不包含子元素或文本的元素）集合 3 :has（选择器） 包含括号中选择器选中的元素集合的元素集合 4 :parent 含有子元素或者文本的元素集合 示例：运用以上选择器 ...原创 2018-08-26 14:19:00 · 2613 阅读 · 0 评论 -
JQuery过滤选择器
常见的几个过滤选择器 NO 选择器 描述 1 :first 集合里的第一个元素 2 :last 集合里的最后一个元素 3 :not（选择器） 集合里除去括号中的选择器选中的元素集合 4 :even 集合里索引为偶数的元素集合，索引从0开始 5 :odd 集合里索引为奇数的元素集合，索引从0开始 ...原创 2018-08-26 11:11:50 · 615 阅读 · 0 评论 -
JQuery层次选择器
以上四个分别是： 子元素选择器（直接父子关系） 后代元素选择器（后代所有，包括孙子关系） 相邻元素选择器（紧邻元素的下一个元素） 兄弟元素选择器（所有与元素同级的） 示例：运用这四个选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &l原创 2018-08-18 16:53:11 · 466 阅读 · 0 评论 -
JQuery基础选择器
$("#id") //ID选择器，可简写成$(id) $("div") //元素选择器 $(".classname") //类选择器 $("*") //所有元素 $(".classname,.classname1,#id1") //组合选择器 只有ID选择器返回的是一个元素，其他返回的都是元素的集合。 示例...原创 2018-08-18 14:51:57 · 173 阅读 · 0 评论 -
JQuery中的Ajax
前言：学过JavaScript原生操作Ajax的都知道，那些操作太繁琐了，而且大多数都是重复的代码，如每次发起Ajax请求都要创建XMLHttpRequest。JQuery封装了Ajax，使得我们操作起来更加简洁。 提交Ajax请求 JQuery.ajax(options)是JQuery Ajax支持的底层实现，该方法返回创建的XMLHttpRequest对象。大部分时候开发者无需理会它返回的...原创 2018-09-17 20:11:25 · 517 阅读 · 0 评论