初识jquery

2023-05-16

jQuery 入口函数

1、$(function(){

});

2、$(document).ready(function(){

});

注意:等着DOM结构渲染完毕即可执行内部代码,不必等到所有外部资源加载完成,jQuery帮我们完成了封装。相当于原生js 中的 DOMContentLoaded。 不同于原生js 中的load事件是等页面文档、外部的js文件、css文件、图片加载完毕才执行内部代码。

jQuery 对象和DOM对象

用原生JS获取来的对象就是DOM对象 。jQuery方法获取的元素就是jQuery对象。

Query对象本质是︰利用$对DOM对象包装后产生的对象(伪数组形式存储)。

dom对象方法获取的元素不能使用jQuery方法,同时jQuery获取的元素也不能使用dom的方法,两者不能互相调用

jQuery 对象转换为Dom对象

1、$("标签")[数组的索引]......

2、$("标签").get(数组索引).....

jQuery 对象没有原生JS的方法此时就需要转换为dom对象来使用

jQuery选择器

......

隐式迭代

遍历内部 DOM元素(伪数组形式存储)的过程就叫做隐式迭代。 简单理解∶给匹配到的所有元素进行循环遍历,执行相应的方法,而不用我们再进行循环,简化我们的操作,方便我们调用。

方法:

$("ul li").css(”backgroundColor“,”red“);//让ul 里的li的背景颜色都改为红色;

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

初识jquery 的相关文章

  • 标点符号加载“动画”,javascript?

    我正在寻找一种好方法来显示一些标点符号加载 动画 我想要的是这样的 This will display at second 1 Waiting for your input This will display at second 2 Wai
  • jQuery 单属性、带过滤器的多值选择器

    Images var boxlinks a href filter href png href gif href jpg href jpeg 有没有更有效的方法来使用 jQuery 中的过滤器选择单个属性的多个值 这里我尝试仅选择带有图像作
  • 如何使用javascript隐藏div

    我想使用 Javascript 隐藏一个 div 下面是我的div div class ui dialog titlebar ui widget header ui corner all ui helper clearfix span cl
  • Jquery获取每个div的子子div并将信息抓取到数组中

    我有一些看起来像这样的 html div div class sub main div div
  • 右列固定的 Div 表

    我最近接手了一个非营利网站作为一个项目 我正在使用一个现有的网站 所以我必须使用很多已经编程的东西 所以我所要做的就是创建设计 I made a diagram of basically what I can t figure out ho
  • 如何禁用 TinyMCE 文本区域

    我已经尝试了以下所有方法 tbxNote attr disabled disabled doesn t work tbxNote attr disabled true doesn t work either tinyMCE init mod
  • 定义 jQuery“eq”

    我很难理解jQuery EQ http docs jquery com Core eq 有人可以向我解释它的用途吗 它索引什么以及如何索引 thanks 使用这个 HTML ul li Mario li li Luigi li li Pri
  • 循环遍历 JSON 数组

    我最近发布了另一个问题 用户立即为我指明了正确的方向 ajax type POST url data token token re 8 cache false timeout 5000 success function html auth
  • 选择倒数第二个元素

    我需要选择倒数第二个输入可选元素的值 tr td td tr
  • 为什么这个跨域ajax调用实际上有效?

    我无意中写了一个跨域AJAX调用NextBus http www nextbus com xmlFeedDocs NextBusXMLFeed pdf 使用 jQuery ajax url http webservices nextbus
  • 检测 jqGrid 单元格中的复选框事件

    我正在探索jqGrid在我学习 Javascript 和 jQuery 的过程中 我成功地把checkbox在网格单元中 太棒了 这是我所拥有的 myTable jqGrid colModel name cb index cb width
  • zone.js:140未捕获类型错误:无法读取属性“删除”

    我是 kendo ui 的新手 我在小提琴中开发了原型 删除确认窗口在那里工作正常 但是当我集成到我的代码库中时 我收到错误 Cannot read property remove at the line pai to delete rem
  • 如何在 jQuery Mobile 中将标题设置为全屏模式?

    当我设置属性时data fullscreen true 对于标题 它工作正常 但当我收到一些事件时 我确实需要在运行时执行此操作 我试过这个 document ready function data role header attr dat
  • 指定 HTML5 输入类型 = 日期的值输出?

    我想将本机日期选择器添加到我的应用程序中 该应用程序当前使用遗留的本地系统 日期输入支持尚未广泛普及 但如果我可以基于兼容性提供这两种实现 那就太理想了 有没有办法指定 HTML 日期选择器给出的值的输出 歌剧的默认设置是yyyy mm d
  • IE提示打开或保存服务器的json结果

    兼容模式下的Internet Explorer通过ajax回调方法从服务器获取数据 如果我想保存数据或打开数据 会弹出一个对话框 如何摆脱它 客户说 ajax type POST data UIdlgHolder gt form seria
  • 如何在数据表角度中基于 JSON 动态填充表值?

    我在用着Angular 数据表 https l lin github io angular datatables 我需要能够根据返回的数据动态创建表 换句话说 我不想指定列标题 Example json数据 id 2 city Baltim
  • 基本 jQuery 动画:省略号(三个点依次出现)

    我需要的 我需要一个动画省略号 一个点一个接一个地出现 动画需要循环播放 我想通过 jQuery 实现这一点 动画序列 Frame 1 等待您的选择 Frame 2 等待您的选择 Frame 3 等待您的选择 Frame 4 等待您的选择
  • jQuery:向左滑动和向右滑动

    我见过slideUp and slideDown在 jQuery 中 左右滑动的功能 方式怎么样 您可以使用 jQuery UI 中的附加效果来做到这一点 详情请参阅此处 http docs jquery com UI Effects Sl
  • 有序 JSON 对象

    我有一个 servlet 它与数据库通信 然后返回有序 按时间排序 对象的列表 在servlet部分 我有 access DB returns a list of User objects ordered ArrayList users M
  • 突出显示单词并提取其附近文本的函数

    我有一个文本例如 Etiam porta semmalesuada magna mollis euismod 整数取数 ante venenatis dapibus posuere velit aliquet 埃蒂亚姆 门塔 塞姆 male

随机推荐

  • Ubuntu中shell命令(三)

    1 grep命令 xff1a 查找内容命令 r 或 recursive 此参数的效果和指定 34 d recurse 34 参数相同 n 或 line number 在显示符合样式的那一行之前 xff0c 标示出该行的列数编号 i 或 ig
  • ubuntu软件安装报错

    出现E Unable to locate package get xff08 资源暂时不可用 xff0c 无法锁定管理目录 xff0c 是否有其他进程在占用 xff09 现获取root权限分开使用如下两条指令强制释放锁 1 sudo rm
  • Ubuntu安装软件

    1 利用APT工具安装软件 使用apt包管理工具 安装报E Unable to locate package get错误先root一下 使用语法 xff1a sudo apt get install 软件名 xff1b 2 deb软件包安装
  • JS中~location对象+navigator对象用法

    url xff08 统一资源定位符 xff09 包含的信息能指出文件的位置以及浏览器的处理方式 protocol host port path t query fragment http www itcast cn index htm1 n
  • JS中~偏移量设定方式与案例分析

    1 history对象方法 分析 xff1a 实现从主页跳转过来以后就会自动生成一个p标签并改写内容 xff0c 利用location对象修改herf方法值 xff0c 实现不用标签跳转 问题 xff1a 对于添加创建的元素使用方法遗忘 x
  • offsetWidth、clientWidth、scrollWidth三者的区别

    client可视区 client翻译过来就是客户端 xff0c 我们使用client系列的相关属性来获取元素可视区的相关信息 通过client系列的相关属性可以动态的得到该元素的边框大小 元素大小等 offsetWidth or offse
  • JS制作~淘宝固定侧边栏

    淘宝固定侧边栏 lt DOCTYPE html gt lt html lang 61 34 en 34 gt lt head gt lt meta charset 61 34 UTF 8 34 gt lt meta http equiv 6
  • JS中~ flexible.js分析

    flexible js分析 1 document documentElement获取根标签 2 DOMContentLoaded 事件是文档加载完成时触发的事件 xff0c 文档加载完成是指DOM结构 xff08 所有文档标签 xff09
  • ubuntu磁盘挂载解决方法(2022/5/9)

    挂载磁盘 xff08 使用root权限去使用 xff09 注意 xff1a 1 建议全程以超级用户权限去调用 2 语法结构上的问题 xff08 mount 目标文件所在位置 43 一个空格 43 保存路径 xff09 3 挂载之前需要清空新
  • 缓动动画效果

    mouseenter 鼠标事件 当鼠标移动到元素上时就会触发mouseenter事件类似 mouseover xff0c 它们两者之间的差别是 mouseover鼠标经过自身盒子会触发 xff0c 经过子盒子还会触发 mouseenter
  • thinkphp根据时间戳查询时间范围内的记录

    这是获取当月月初和月末的时间戳 beginThismonth 61 mktime 0 0 0 date 39 m 39 1 date 39 Y 39 endThismonth 61 mktime 23 59 59 date 39 m 39
  • MySQL语句汇总(节选)

    create语句 xff0c 创建库 表 create database 数据库名 xff1b 创建数据库 create table 表名 xff08 列名1 数据类型 约束 xff0c 列名2 数据类型 约束 xff0c 列名3 数据类型
  • JS中~Dom和Bom方法汇总

    var newNode 61 document createElement 34 div 34 创建一个元素节点 var textNode 61 document createTextNode 34 hello world 34 创建一个文
  • ubuntu中文件夹的解压和创建用户组命令

    二 Windows下7ZIP软件的安装 因为Linux下很多文件是 bz2 xff0c gz结尾的压缩文件 xff0c 因此需要在windows下安装7ZIP软件 二 gzip压缩工具 gzip工具负责压缩和解压缩 gz格式的压缩包 gzi
  • JS高级部分对于数据、内存的解析

    内存中堆和栈道区别 xff1a 堆是在内存中开辟的一块较大容量的区域 xff0c 主要用来存放基本值类型的我们可以通过获取地址的方式去获得堆中的基本值类型 xff0c 且堆里面的内容一经存在便不会删除 xff0c 这也就是我们对一个变量实现
  • 原型链概念论述(一)

    对象中的静态成员和实例成员 xff1a 使用构造函数方法创建对象时 xff0c 可以给构造函数和创建的实例对象添加属性和方法 xff0c 这些属性和方法都叫做成员 实例成员 在构造函数内部添加给this 的成员 xff0c 属于实例对象的成
  • 原型链理论概述(二)

    面向对象的思维特点 xff1a 1 xff0e 抽取 xff08 抽象 xff09 对象共用的属性和行为组织 封装 成一个类 模板 xff09 2 xff0e 对类进行实例化 获取类的对象 面向对象编程我们考虑的是有哪些对象 xff0c 按
  • JS中~insertAdjacentHTML() 方法(插入元素到指定位置)

    insertAdjacentHTML 方法将指定的文本解析为 Element 元素 xff0c 并将结果节点插入到DOM树中的指定位置 它不会重新解析它正在使用的元素 xff0c 因此它不会破坏元素内的现有元素 这避免了额外的序列化步骤 x
  • JS中~ 面向对象编程制作tab栏

    面向对象编程制作tab栏 利用constructor属性接收实例对象传递过来的参数去获取和htm结构中的元素 xff0c 在类函数中对各种不同的功能封装成不同的函数 xff0c 在制作过程中相互调用 xff0c 第一步的点击上边按钮与此同时
  • 初识jquery

    jQuery 入口函数 1 function 2 document ready function 注意 xff1a 等着DOM结构渲染完毕即可执行内部代码 xff0c 不必等到所有外部资源加载完成 xff0c jQuery帮我们完成了封装