jQuery的顶级对象 $
一、jQuery的顶级对象 $
$是jQuery的别称(另一个名字),在代码中可以使用jQuery代替$,但是一般为了方便,通常都是直接使用 $。
$(document).ready(function(){
});
简写:
$(function(){
});
$是jQuery的顶级对象,相当于原生JavaScript中的window,把元素利用$包装成jQuery对象,就可以调用jQuery的方法。
window.οnlοad=function(){
}
二、jQuery 选择器
1.基本选择器:
$("#id") //ID选择器
$(“div”) //元素选择器
$(".classname") //类选择器
$(".classname,.classname1,#id1") //组合选择器
2.层次选择器:
$("#id>.classname “) //子元素选择器
$(”#id .classname “) //后代元素选择器
$(”#id + .classname “) //紧邻下一个元素选择器
$(”#id ~ .classname ") //兄弟元素选择器
3.1过滤选择器(重点):
$(“li:first”) //第一个li
$(“li:last”) //最后一个li
$(“li:even”) //挑选索引号为偶数的li
$(“li:odd”) //挑选索引号为奇数的li
$(“li:eq(4)”) //索引号等于 4 的li(第五个 li 元素)
$(“li:gt(2)”) //索引号大于 2 的li
$(“li:lt(2)”) //索引号小于 2 的li
$(“li:not(#runoob)”) //挑选除 id=“runoob” 以外的所有li
3.2内容过滤选择器:
$(“div:contains(‘Runob’)”) // 包含 Runob文本的元素;
$(“td:empty”) //不包含子元素或者文本的空元素;
$(“div:has(selector)”) //含有选择器所匹配的元素
$(“td:parent”) //含有子元素或者文本的元素
3.3可见性过滤选择器:
$(“li:hidden”) //匹配所有不可见元素,或type为hidden的元素
$(“li:visible”) //匹配所有可见元素
3.4属性过滤选择器:
$(“div[id]”) //所有含有 id 属性的 div 元素
$(“div[id=‘123’]”) // id属性值为123的div 元素
$(“div[id!=‘123’]”) // id属性值不等于123的div 元素
$(“div[id^=‘qq’]”) // id属性值以qq开头的div 元素
$(“div[id $=‘zz’]”) // id属性值以zz结尾的div 元素
$(“div[id*=‘bb’]”) // id属性值包含bb的div 元素
$ (“input[id][name$=‘man’]”) //多属性选过滤,同时满足两个属性的条件的元素
3.5状态过滤选择器:
$(“input:enabled”) // 匹配可用的 input
$(“input:disabled”) // 匹配不可用的 input
$(“input:checked”) // 匹配选中的 input
$(“option:selected”) // 匹配选中的 option
4.表单选择器:
$(":input") //匹配所有 input, textarea, select 和 button 元素
$(":text") //所有的单行文本框, $ (":text") 等价于 $("[type=text]"),推荐使用
$(“input:text”)效率更高,下同
$(":password") //所有密码框
$(":radio") //所有单选按钮
$(":checkbox") //所有复选框
$(":submit") //所有提交按钮
$(":reset") //所有重置按钮
$(":button") //所有button按钮
$(":file") //所有文件域
jQuery的顶级对象 $相关推荐
- jQuery课程介绍、Query的介绍、Query初次体验、jQuery再次体验、jQuery中的顶级对象
jQuery课程介绍 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
- 谈谈JQuery的Deferred对象
最近一个变态的项目,一个页面只含编辑器且有下载功能,大概含20个左右接口,要求数据完整显示(很多echarts图),弄个等待圈圈等它loading,启用jQuery的Deferred延迟对象,再多的接 ...
- jquery的事件对象
jquery的事件对象就是js事件对象的一个封装,就是做了一个兼容性的封装. screenX和screenY 对应屏幕最左上角的值 clientX和clientY 距离页面左上角的位置(忽略滚动条) ...
- webpack中设置jquery为全局对象
通过npm安装jquery npm install jquery -D 然后配置webpack-config.js plugins: [new webpack.ProvidePlugin({$: &q ...
- IFRAME jquery 获取document对象
jQuery select parent window DOM 如window.parent.document.getElementById().innerHTML 用 IFRAME 来隔离不同的脚本 ...
- Jquery创建JSON对象
<html> <body> <h2>通过 JSON 字符串来创建对象</h3> <p> First Name: <span id=&q ...
- jQuery操作DOM对象
jQuery操作DOM对象 1.使用attr()方法控制元素的属性 attr()方法的作用是设置或者返回元素的属性,其中attr(属性名)格式是获取元素属性名的值,attr(属性名,属性值)格式则是设 ...
- jQuery遍历List对象
jQuery遍历List对象 在jQuery中,可以使用each()方法以一种非常直观的方式来模拟break和continue关键字的功能.只需在回调函数中编写一条return语句即可.要停止迭代,只 ...
- jQuery 遍历 JSON 对象
jQuery 遍历 JSON 对象 <一>: $(document).ready(function() { $("#Link").click(fu ...
最新文章
- 秦州:西瓜书 + 南瓜书 吃瓜系列 12. 聚类
- Py之pytest-shutil:Python库之pytest-shutil简介、安装、使用方法之详细攻略
- 输出200-299之间的所有素数
- background 旋转_第4章 旋转的圆弧(《Python趣味创意编程》教学视频)
- python中forward的作用_基于numpy的前馈神经网络(feedforward neural network)
- 让孩子亲近自然,提高家长对户外亲子研学的人生和了解。
- 女人在聊天中说给你一个拥抱_不要提高技能; 拥抱一个机器人
- 全是宝!20款优质高效的在线协作工具任你挑,就是这么强大!
- RRU原理详解以及eCPRI+Low-Phy(一篇文章让你搞懂RRU---呕心沥血之作)
- java实现手机扫描二维码下载功能
- 视差:disparity与UV-视差:UV-disparity
- android 滑屏功能,Android 滑屏效果实现方式汇总
- 使用手机自带邮箱软件登陆网易企业邮箱
- 乐优商城遇到的坑一步一步总结
- 微信开发 免费服务器,微信开发详解:[1]免费服务器
- 咸鱼ZTMS实例—心率检测
- 微信小程序版本更新后提示用户更新
- Laya Stage
- 1.5亿元融资,杉岩数据加速以数据为核心的新存储市场落地
- 手机恢复出厂设置命令_三星 手机 恢复 出厂 设置 指令 密码 串号
热门文章
- Apache Spark学习:利用Scala语言开发Spark应用程序
- 朴素贝叶斯Naïve Bayes分类算法在Hadoop上的实现
- 简明python教程 --C++程序员的视角(一):数值类型、字符串、运算符和控制流
- Python图像处理库:PIL中Image,ImageDraw等基本模块介绍
- 用Maven构建Mahout项目
- 中国计算机学会CCF推荐国际学术会议和期刊目录(PDF版,2015年)
- 图像处理(十二)图像融合(1)Seamless cloning泊松克隆-Siggraph 2004
- React-Native学习指南
- [洛谷1390]公约数的和
- Monkey基本用法与常用参数