![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JQuery
零怀念
发抖
展开
-
JQuery的入口函数——$(document).ready()
我们知道,JavaScript中有一个window.onload=function(){}入口函数可以等整个页面加载完再执行函数里面的内容。JQuery中也有这么一个函数:$(document).ready(function(){}),可以简写为$(function(){})。但是这两个函数有两点区别:1、window.onload=function(){}会等待整个页面(包括视频、音乐、图片...原创 2018-08-18 14:22:19 · 1289 阅读 · 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 · 1653 阅读 · 0 评论 -
JQuery的元素操作函数
添加元素NO. 方法 语法 描述 备注 1 append() $(selector).append(content) 文本内容成为选择器选中的元素的最后一个子节点 content可以是文本,html元素,JQuery对象,DOM对象 2 appendTo() $(content).appendTo(selector) 元...原创 2018-08-27 17:13:01 · 373 阅读 · 0 评论 -
JQuery设置元素属性和内容
普通属性1.设置属性:设置单个属性:$(选择器).attr("属性名","属性值") 设置多个属性:$(选择器).attr({属性名:"属性值",属性名:"属性值"…}) 这里的属性名可加引号也可不加引号2.获取属性:$(选择器).attr("属性名")3.删除属性:$(选择器).removeAttr("属性名")示例:<!DOCTYPE ht原创 2018-08-27 11:03:35 · 10189 阅读 · 0 评论 -
JQuery表单对象选择器
示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body >&l原创 2018-08-26 21:32:07 · 158 阅读 · 0 评论 -
JQuery遍历
后代1.find(选择器):返回被选元素的所有后代元素集合2.children(选择器):返回被选元素的所有直接子元素集合(括号里可以为空)示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title&原创 2018-08-26 16:54:29 · 474 阅读 · 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 · 754 阅读 · 0 评论 -
JQuery属性过滤选择器
属性过滤选择器 NO. 选择器 描述 1 [属性名称] 带有括号里的属性名称的元素集合 2 [属性名称=属性值] 属性名称=属性值的元素集合 3 [属性名称!=属性值] 属性名称不等于属性值的元素集合 4 [属性名称^=属性值] 以该属性值开头的元素集合 5 [属性名称$=属性值] 以该属性值结尾的元素集...原创 2018-08-26 15:51:06 · 2310 阅读 · 0 评论 -
JQuery可见性过滤选择器
可见性过滤选择器 NO. 选择器 描述 1 :hidden 隐藏的元素集合 2 :visible 可见的元素集合 以下几种情况的元素是隐藏元素:设置为 display:none 带有 type="hidden" 的表单元素 width 和 height 设置为 0 隐藏的父元素(这也会隐藏子元素)注释::hiddren选择器对 visi...原创 2018-08-26 14:55:23 · 166 阅读 · 0 评论 -
JQuery内容过滤选择器
常见的内容过滤选择器 NO. 选择器 描述 1 :contains(文本) 包含括号内的文本的元素集合(括号内要加引号) 2 :empty 空元素(不包含子元素或文本的元素)集合 3 :has(选择器) 包含括号中选择器选中的元素集合的元素集合 4 :parent 含有子元素或者文本的元素集合 示例:运用以上选择器...原创 2018-08-26 14:19:00 · 2568 阅读 · 0 评论 -
JQuery过滤选择器
常见的几个过滤选择器 NO 选择器 描述 1 :first 集合里的第一个元素 2 :last 集合里的最后一个元素 3 :not(选择器) 集合里除去括号中的选择器选中的元素集合 4 :even 集合里索引为偶数的元素集合,索引从0开始 5 :odd 集合里索引为奇数的元素集合,索引从0开始 ...原创 2018-08-26 11:11:50 · 572 阅读 · 0 评论 -
JQuery层次选择器
以上四个分别是:子元素选择器(直接父子关系) 后代元素选择器(后代所有,包括孙子关系) 相邻元素选择器(紧邻元素的下一个元素) 兄弟元素选择器(所有与元素同级的)示例:运用这四个选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l原创 2018-08-18 16:53:11 · 414 阅读 · 0 评论 -
JQuery基础选择器
$("#id") //ID选择器,可简写成$(id)$("div") //元素选择器$(".classname") //类选择器$("*") //所有元素$(".classname,.classname1,#id1") //组合选择器只有ID选择器返回的是一个元素,其他返回的都是元素的集合。示例...原创 2018-08-18 14:51:57 · 125 阅读 · 0 评论 -
JQuery中的Ajax
前言:学过JavaScript原生操作Ajax的都知道,那些操作太繁琐了,而且大多数都是重复的代码,如每次发起Ajax请求都要创建XMLHttpRequest。JQuery封装了Ajax,使得我们操作起来更加简洁。提交Ajax请求JQuery.ajax(options)是JQuery Ajax支持的底层实现,该方法返回创建的XMLHttpRequest对象。大部分时候开发者无需理会它返回的...原创 2018-09-17 20:11:25 · 462 阅读 · 0 评论