首页
学习
活动
专区
圈层
工具
发布

jQuery笔记(3)

jQuery元素操作 主要是遍历,创建,添加,删除元素操作 遍历元素each() jQuery隐式迭代是对同一类元素做了相同的操作,如果想要给同一元素做不同的操作,就需要用到遍历 语法1:...).each(function(index, domEle){xxx;}) each()方法遍历匹配的每一个元素.主要用DOM处理.each每一个 里面的回调函数有2个参数,index是每个元素的索引号...,domEle是每个DOM元素对象,不是jQuery对象 所以想要使用jQuery方法,需要将这个DOM元素转换成jQuery对象 $(domEle) 语法2: $.each(object,...(只能获取值不能修改) 我们这样得到的是一个对象,如果只想拿到其中的属性,比如我们可以offset().top,得到它的top属性 返回顶部案例: 和之前一样,做一个当页面滚动到内容下方时...但是这个导航栏其实是有bug的,比如我们重新刷新页面时,即使页面在很下面,导航栏也没有出现 这是因为我们将它放入了滚动事件中,刚刷新完是没有滚动的,所以自然不会出现,所以我们要将里面的代码封装成函数

87510
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【JavaScript】网页交互的灵魂舞者

    字符串字⾯值需要使⽤引号引起来, 单引号双引号均可. boolean 布尔类型. true 真, false 假 undefined 表⽰变量未初始化....对象 JavaScript 中创建对象使用一组 { } ,里面的属性和值通过键值对来组织,键值对之间使用逗号分割,键和值之间用冒号区分,获取对象的属性也是通过 ' . ' 来获取,还可以通过 ' [ ]...("hello"); } } console.log(person.name); console.log(person['age']); 也可以使用 Object 的方式 new 对象 还可以通过...this 去修改一些属性的值 3. jQuery jQuery 语法是通过选取 HTML 元素, 并对选取的元素执⾏某些操作 基础语法:$(selector).action() $( ) 是 jQuery...方法是可以获取并设置 html 标签的,这一点和 text( ) 方法有区别 val( ) 再来看 val() 方法,val 是获取或者设置表单字段的值,同理,如果有参数就表示设置值,没有参数就表示获取值

    40310

    从java到JavaScript(2):对比JavaGoSwiftRust看Dart

    如果一个标识符以 (_) 开头,则该标识符 在库内是私有的Dart2中,可以不使用new关键字创建,也可以使用。new关键词省略,对我个人来说,还设有强制new 顺心些。...变量Dart中变量初始值为null,即使是int类型也是null。Dart支持自识别,可以是用var定义变量,也可以直接指定具体类型。...String可以使用单引号或者双引号。String支持模板,使用 ${expression} 的方式来实现字符串模板的效果,如果该表达式仅仅是一个标识符,还可以去掉花括号 $variableName。...——回顾jquery的链式调用,end()as、 is、 和 is!,类型判定操作符as 类型转换is 如果对象是指定的类型返回 Trueis!...具体参看APIMap的Key不能有重复的如果使用int类型作为key,取值的时候优先使用key匹配,然后是下标。

    1.2K10

    教你开发jQuery插件(转) 教你开发jQuery插件(转)

    学会使用jQuery并不难,因为它简单易学,并且相信你接触jQuery后肯定也使用或熟悉了不少其插件。如果要将能力上升一个台阶,编写一个属于自己的插件是个不错的选择。...但这种方式无法利用jQuery强大的选择器带来的便利,要处理DOM元素以及将插件更好地运用于所选择的元素身上,还是需要使用第二种开发方式。你所见到或使用的插件也大多是通过此种方式开发。...; })(); 本来别人的代码也正常工作,只是最后定义的那个函数没有用分号结尾而以,然后当页面中引入我们的插件时,报错了,我们的代码无法正常执行。...引号的使用:既然都扯了这些与插件主题无关的了,这里再多说一句,一般HTML代码里面使用双引号,而在JavaScript中多用单引号,比如下面代码所示: var name = 'Wayou'; document.getElementById...HTML中保持双引号,JavaScript中保持单引号 一方面,HTML代码中本来就使用的是双引号,另一方面,在JavaScript中引号中还需要引号的时候,要求我们单双引号间隔着写才是合法的语句,除非你使用转意符那也是可以的

    4.6K10

    jquery操作select(取值,设置选中)

    (感谢博友@ sunnyjs 指正)     这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。...selector").val(); 4、获取当前选中项的text $(".selector").find("option:selected").text();     这里用到了冒号,掌握它的用法并举一反三也会让代码变得简洁...这在jquery中是非常简单的。...']").attr("selected", true);   //设置Select的Text值为jQuery的项选中 五、jQuery添加/删除Select的Option项: 语法解释: $("#select_id...radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关  1 获取一组radio被选中项的值  var item = $('input

    5.3K30

    JQuery基础

    使用大公司CDN好处: 许多用户在访问其它站点时,已经从百度、新浪、谷歌和微软加载过jQuery。当用户访问我的站点时,会从缓存中加载jQuery,这样可以有效减少加载时间!...ps:params支持多个属性,中间用","隔开,同时属性值(不加引号时)用驼峰标记法:如:margin-left改为marginLeft;属性值加引号按照css写法。 例如: 使用:需从 jquery.com 下载 颜色动画 插件。 默认:jQuery animate()采用队列来操作效果。队列:先进先出。...(有参数设置值;无参数获取值);css有参数:css("propertyname":"value"),建议属性名和属性值都加上引号;如果属性名不加引号,要使用驼峰标记法:如margin-left变为marginLeft...noConflict() jQuery使用$作为jQuery的简写。

    6.3K51

    jQuery笔记(2)

    但是jQuery还能更加简便!假如里面只有一个函数,意思就是不管鼠标移入还是移出都会触发这个事件,此时就有个更简单的方法了: 懒就是人类进步的动力......[[speed],opacity,[easing],[fn]]) 切换淡入淡出: fadeToggle([speed,[easing],[fn]]) fadeTo opacity透明度必须写,取值...animate 语法 animate(params, [speed], [easing], [fn]) 这里只解释第一个参数 params: 想要更改的样式属性,以对象形式传递,必须写.属性名可以不用带引号...做法: 自己做的时候好笨,不知道display:none用了fadeIn()以后就会变成display: block 看看效果吧: 即使鼠标乱划也不会出现排队现象 本文由“壹伴编辑器”提供技术支持...一旦页面刷新,之前存放的数据都将被移除 这个方法获取data-index,H5自定义属性,不用写data,且返回的是数字型 本文由“壹伴编辑器”提供技术支持 现在做一个购物车全选案例: 其实之前也做过的

    1K10

    审阅“史上”最烂的代码

    不要误会我的意思,这些代码即使是运行在服务器端也很糟糕,在客户端上运行这些代码会将你的数据库暴露给……每个人。...作者尝试设置登录cookie 的方式也存在问题: $.cookie('loggedin', 'yes', { expires: 1 }); 所以按照代码的意思,作者使用 jQuery 设置 cookie...但是使用 JavaScript 设置它们意味着你无法设置httpOnly属性,这会导致每个恶意脚本都能轻而易举地访问和获取你的 cookie 内容。...下面的代码片段,我们可以看到开发者使用了双引号引用字符串: var username = $("#username").val(); var password = $("#password").val(...但是,即使上面的代码不是伪造的,我也可以确信它是由初级开发人员编写的。我刚刚开始入行写代码的一段时间里,我很确定自己为之前的公司也写过这么糟糕的代码。 这个锅不能甩给初级开发人员。

    78230

    JavaScript秘密笔记 第一集

    变量的声明,赋值,取值... 2. DOM: 专门操作网页内容的程序 2 比如: document.write("...") 3....所有字符串,必须放在引号中,但单双引号均可 问题: 如果字符串内容中也包含引号 解决: 将内部的引号和外部的引号分别用单双引号区分开。 3. 每条语句必须用分号结尾 4....样式固定的,无法修改! 解决: 3....取值: 程序中,任何位置,使用变量名,等效于直接使用变量中的值! 特殊: 尝试使用未声明过的变量——报错! ReferenceError: 引用错误!...引用类型: 值无法保存在变量本地的数据类型 number: 专门存储数字的类型 何时: 只要用于计算或比较的数字都要存为number类型——不要加引号 比如: 价格, 数量, 分数, 年龄, ..

    99030

    Python--基本数据类型(可变不可变类型)

    为什么会有单引号双引号或者三引号,这么多种类,在字符串内,如果需要多次使用引号需要注意,引号的开始和结束的位置,例子如下: #错误示范 word = '老师说:'学会python就能拿高薪。''...#正确示范,引号嵌套 word = '老师说:"学会python就能拿高薪。"' word1 = "老师说:'学会python就能拿高薪。'" 这样就没有问题了,注意引号的前后位置哦!...']] print(lst3[4][0]) print(lst3[-1][0]) 切片取值的原理是左闭右开,不包含最后一位,切片取值实例如下: #取出数字类型的元素,123,456,789...相当于变量的值,可以是任意数据类型 # 字典实例: #空字典 dic = {} #非空字典 dic1 = {'name': 'HammerZe', 'age': 18, 'hobby': 'girl'} #字典无法使用索引取值...中不可变数据类型和可变数据类型 查看内存地址的方法:id( ) 如何区分可变与不可变 不可变数据类型更改后地址发生改变,可变数据类型更改地址不发生改变 不可变数据类型: 当该数据类型的对应变量的值发生了改变,那么它对应的内存地址也会发生改变

    1.2K20

    MySQL 查询执行的过程

    MySQL 解析器使用 MySQL 语法规则验证和解析查询。例如验证是否使用错误的关键字,或者使用关键字的顺序是否正确等,还会验证引号前后是否正确等。...MySQL 解析器将使用 MySQL 语法规则校验和解析查询。例如,它验证是否使用错误的关键字,或者使用关键字的顺序是否正确等,再或者它还会验证引号是否能前后正确匹配。...【2】执行计划中的成本估算不等同实际执行的成本:所以即使统计信息精准,优化器给出的执行计划也可能不是最优的。例如某个执行计划虽然需要读取更多的页面,但是它的成本却更小。...因为如果这些页面都是顺序读或者页面都已经在内存中的话,那么它的访问成本将很小。...动态优化则和查询的上下文有关,也可能和很多其它因素有关,例如WHERE 条件中的取值、索引中条目对应的数据行数等。这需要在每次查询的时候都重新评估,可以认为这是 “运行时优化”。

    2.7K30

    bwapp之sql注入_sql注入语句入门

    查看源码逻辑(黑白盒结合测试), 它先是判断用户名是否存在, 存在之后再判断密码是否正确: 问了一下朋友, 得知这曾经是一道CTF的题, 分析 既然sql语句只发生在查询用户名处, 所以注入也只能在用户名..., (因为需要通过用户名验证, 再通过密码) 注入单引号: 接着判断注入点 发现无法判断, 因为前端回显的结果只有当密码(第二个if语句)也正确时才会显示。...因此无法使用order by 判断字段数 (判断注入点是为了用order by来得到字段数) 但是可以直接通过联合查询得到字段数: 判断字段的显示顺序 无法判断, 因为前端回显的结果只有当密码(第二个...if语句)也正确时才会显示。...(sqlmap跑也可以) Medium&High 同样采用了addslashed()和mysqli_real_escape_string()函数, 且mysql编码和os编码一致, 无法用宽字节绕过,

    9K30

    java学习与应用(4.6)--过滤器、监听器、JQuery、AJAX、JSON等

    也可直接用注解@WebFilter配置即可。 配置详解:拦截路径配置(具体资源路径、目录/xxx/*、后缀*.jsp,所有资源/*等)。...使用JQuery获取元素JQuery对象(\$("#id"),\$("tag")等选择器),然后可以转换为js对象,两种对象都可以当做数组使用,方法不通用,但是前者更方便,如拥有将内容修改方法html等...其他方法见jquery手册如clone方法。 JQuery的动画 JQuery的动画,遍历方法,事件绑定。动画使用见图片。...JSON基本规则:数据由键值对构成,键值用单引号或双引号也可以不使用引号,值类型为数字/字符串/逻辑值/数组/对象/null等。...获取对象:json对象.键名,json.对象["键名"],使用for in 方式进行遍历,可以获取key,再利用对象和key获取值。

    6.7K10

    jquery第一次课的案例教程

    想要实现简单的动画效果,也很麻烦 代码冗余。 体验jquery的使用 /* * 1. 查找元素的方法多种多样,非常灵活 * 2. 拥有隐式迭代特性,因此不再需要手写for循环了。 * 3....到底是什么 jQuery的官网 http://jquery.com/ jQuery就是一个js库,使用jQuery的话,会比使用JavaScript更简单。...过滤选择器 名称 用法 描述 :eq(index) $(“li:eq(2)”).css(“color”, ”red”); 获取到的li元素中,选择索引号为2的元素,索引号index从0开始。...特殊属性操作 val方法 val方法用于设置和获取表单元素的值,例如input、textarea的值 //设置值 $("#name").val('张三'); //获取值...jQuery补充知识点 链式编程 通常情况下,只有设置操作才能把链式编程延续下去。因为获取操作的时候,会返回获取到的相应的值,无法返回 jQuery对象。

    69210

    Web前端学习 第3章 JavaScript基础教程11 常量变量

    上面代码中,模板字符串都是用反引号表示,如果在模板字符串中需要使用反引号,则需要在反引号前面用反斜杠转义。 var mes = `\`hello\` World!...模板字符串是增强版的字符串,用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。...多行字符串 用单引号或是双引号表示的字符串在编辑的过程中只能在一行显示,若要在多行显示需要在每一行结尾添加一个斜杠,这样的编辑方式对开发者显然不够友好,我们可以使用模板字符串的功能换行编辑字符串 代码如下所示...数组的元素是按次序排列的,变量的取值由它的位置决定;而对象的属性没有次序,变量必须与属性同名,才能取到正确的值。 字符串的结构赋值 字符串也可以解构赋值。...'; 9 //{length : len} length是长度的意思,len 是 let 声明的一个常量 10 console.log(len) //长度为数字的5 函数参数的解构赋值 函数的参数也可以使用解构赋值

    57910
    领券