首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JavaScript类库---JQuery(一)

HTML文本字符串:(不能是纯文本,会被当做CSS字符串的)返回文本创建好的HTML元素并封装成的JQuery对象;此方式接受可选的第二个参数;1、可以用Document对象来指定与所创建元素相关联的文档...2、可以使用object对象,该对象的属性名是Jquery关键字时,可用于传入属性值; 参数为一个函数:文档加载完毕时调用;相当于onLoad()函数;形如$(function(){})或JQuery(...;map的返回值为新的包含回调函数所有返回值的JQuery对象; index() : 参数为一个元素或字符串(当做CSS选择器使用),返回值为该元素在此JQuery对象中的索引值,找不到返回-1; is...: JQuery使用同一个方法来获取和设置属性,区别是参数的不同,类似于重载;   setter(设置)时返回的是JQuery对象;getter(获取)时返回单个值(元素);所以链式调用不能使用getter...HTML元素: 设置:text():纯文本;html():HTML内容格式; x.html() === x[0].innerHTML; 元素数据:   设置与获取与文档、元素、window对象相关联的数据

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

    一个小时学会jQuery

    在jQuery中,可以获取同一类名的多个HTML元素,编写方式同CSS,即在类名的前面加上点号。...语法:$(".className") 本例通过类名来获取元素,因为使用同一个类样式的元素可能有多个,所以通过类名来获取元素返回的将是一个数组对象,即jQuery中的包装集,然后对此包装集中的元素进行相关操作...传入XMLHttpRequest对象,描述错误类型的字符串以及一个异常对象(如果有的话) dataFilter 在请求成功之后调用。传入返回的数据以及"dataType"参数的值。...如果指定为json类型,则会把获取到的数据作为一个JavaScript对象来解析,并且把构建好的对象作为结果返回。为了实现这个目的,他首先尝试使用JSON.parse()。...这个参数在jQuery 1.3以前不可用。 xhrFields   map 一对“文件名-文件值”在本机设置XHR对象。

    18.6K71

    JS的面试题(一)

    return基本数据类型时无效, return引用类型,返回值是return的内容 3.构造函数中的this指什么?...43、jquery中获取当前窗口宽度?...45、列举jquery的ajax请求,并说明作用 (“div”).load() 加载文档 .get() 获取数据 .post()传递数据 .getScript() 加载js文件 .getJSON()...0.建立xhr对象,未调用open 1.建立了链接未发送数据,未调用send 2.发送数据,但数据未解析 3.服务器开始解析数据 4.数据解析完成,前端可以获取解析之后的数据 52、ajax的状态码200...动态生成script标签,src设置成请求地址,通过callback参数向后台传递数据,callback的值就是window下的一个函数,后台获取到callback的值,会生成这个值的函数调用 53

    11910

    WEB入门之十五 属性和样式

    表6-1-2 attr函数 ​attr函数​ ​说明​ attr ( "属性名" ) 按属性名获取某属性的值 attr ( "属性名" , 属性值) 按属性名设置某属性的值 下面我们通过具体的示例来演示...表6-1-4 css函数 ​css函数​ ​说明​ css( "属性名" ) 按属性名获取某属性样式的值 css( "属性名" , 属性值) 按属性名设置某属性样式的值 下面我们通过一个示例来演示css...元素 . css ( { "属性名" : 属性值 , "属性名" : 属性值 , ... ...} ) 6.2.2位置函数 offset函数用来获取或设置元素相对于浏览器窗口的位置对象,可以通过该对象的...元素 . offset ( { top : 值, left : 值} ) 6.1.1 尺寸大小函数 尺寸通常指的是元素的宽和高,jQuery提供了height和width两个函数来获取某个元素的尺寸。...A. each函数相当于for循环遍历 B. trim函数可以去除字符串中的所有空格 C. parseJSON函数用来把JSON对象转为字符串 D. isNumeric( )用来测试数据是否为数字 二

    9310

    WEB入门之十五 属性和样式

    表6-1-1 属性操作函数 属性操作函数 说明 html ( ) 设置或获取innerHTML属性的值 text ( ) 设置或获取innerText属性的值 val ( ) 设置或获取value属性的值...表6-1-2 attr函数 attr函数 说明 attr ( "属性名" ) 按属性名获取某属性的值 attr ( "属性名" , 属性值) 按属性名设置某属性的值 下面我们通过具体的示例来演示attr...表6-1-4 css函数 css函数 说明 css( "属性名" ) 按属性名获取某属性样式的值 css( "属性名" , 属性值) 按属性名设置某属性样式的值 下面我们通过一个示例来演示css函数的用法...元素 . css ( { "属性名" : 属性值 , "属性名" : 属性值 , ... ...} )6.2.2位置函数offset函数用来获取或设置元素相对于浏览器窗口的位置对象,可以通过该对象的left...A. each函数相当于for循环遍历 B. trim函数可以去除字符串中的所有空格 C. parseJSON函数用来把JSON对象转为字符串 D. isNumeric( )用来测试数据是否为数字 二

    6010

    前端架构师之01_JQuery

    :not(li:eq(3))")获取除索引为3外的所有元素 :focus 匹配当前获取焦点的元素 $("input:focus")匹配当前获取焦点的元素 :animated 匹配所有正在执行动画效果的元素...() 获取第一个匹配元素的当前宽度值(返回数值型结果) width(value) 为所有匹配的元素设置宽度样式(可以是字符串或数字) height() 获取第一个匹配元素的当前高度值(返回数值型结果)...要获取所有匹配元素的属性值,则需要配合jQuery提供的each()方法进行元素遍历。...,删除所有排队的动画,并完成匹配元素所有的动画 stop([clearQueue] [, jumpToEnd]) 停止所有在指定元素上正在运行的动画 参数params表示一组包含动画最终属性值的集合。...插件文件的名称建议遵循“jquery.插件名.js”的命名规则,防止与其他JavaScript库插件混淆。

    6800

    Selenium+JQuery定位方法及应用

    本文主要学习和了解JQuery的定位;2、那为什么还要做JQuery进行定位呢?因为有的页面使用Selenium方法不能解决,所以可以尝试使用JQuery定位。...1 JQuery定位说明1.1 JQuery定位方法JQuery定位方法有两种:# 1、使用JQuery选择器来完成元素操作(直接获取对应的元素);# 2、使用JQuery遍历来选择元素(用于层级较为复杂的页面元素获取...JQuery语法:$(selector).action()JQuery通过$符号定义,selector主要用于获取基本的HTML元素,action()用于实现对获取元素的基本操作。...) 所有不为空的 input 元素 :header$(":header")所有标题元素:animated 所有动画元素:contains(text)$(":contains('xxxx')")包含指定字符串...我正在参与 2023腾讯技术创作特训营第三期有奖征文,组队打卡瓜分大奖!

    42740

    JS基础第四课、JQ基础第一课(BOM、JQuery框架)

    ,设置、读取方便,甚至页面刷新也不会消失1、容器较大(1)sessionStorage  5M(2)localStorage  20M值存储字符串,可以编码json.stringify编码字符串来存储对象...jq的对象才可以用方法】三、常用API(jQuery 选择器 | 菜鸟教程)1、选择器原生js获取方法有很多,且具有兼容性,jq来给封装,获取元素方法统一标准【放到肚子里面去】(1)格式$('选择器')...:参数只写属性名,返回值(2)设置:参数是属性名和属性值(3)参数是对象,键值对的形式【注意:属性名为复合属性时,写成驼峰的形式】4、排他思想当前元素设置样式,其他兄弟清除样式(1)sibings():...返回其他同级元素对象(2)结合第3点的样式操作:css('样式属性名','属性值')  //修改样式方法 1 2正在执行的动画代码例子

    1.3K10

    JavaScript 中 Property 和 Attribute 的区别详解

    property是DOM中的属性,是JavaScript里的对象; attribute是HTML标签上的特性,它的值只能够是字符串; 基于JavaScript分析property 和 attribute...注意,打印attribute属性不会直接得到对象的值,而是获取一个包含属性名和值的字符串,如: console.log(in1.attibutes.sth); // 'sth="whatever"'...从上述测试的现象可以推断,jQuery.attr和jQuery.prop基本和原生的操作方法效果一致,property会从attribute中获取同步,然而attribute不会从property中获取同步...jQuery.access // 这是一个多功能的函数,能够用来获取或设置一个集合的值 // 如果这个“值”是一个函数,那么这个函数会被执行 // @param elems, 元素集合 // @param...,可能包含多个DOM对象 // fn jQuery.attr方法 // name 属性名 // value 属性的值 // chainable 如果value为空,则chainable为false,否则

    3.8K20

    通过ajaxreturn jquery json提交form

    想要将表单数据提交到后台,需要先从表单获取数据/数据集 serialize和serializeArray的区别是serialize()获取到序列化的表单值字符串,serializeArray()以数组形式输出序列化表单值...在上面关于jquery.ajax的介绍中提到了,json可以作为一个ajax函数的dataType,这样数据就会通过json语法传输了。...在jquery的ajax函数中,只能传入3种类型的数据: >1.json字符串:"uname=alice&mobileIpt=110&birthday=1983-05-12" >2.json对象:{uanme...ThinkPHP返回的数据格式包括: status 操作状态 info 提示信息 data 返回数据 $this->ajaxReturn(返回数据,提示信息,操作状态); 返回数据data可以支持字符串...如果是JSON格式,会自动编码成JSON字符串,如果是XML方式,会自动编码成XML字符串,如果是EVAL方式的话,只会输出字符串data数据,并且忽略status和info信息。

    5K30

    JavaScriptJQuery基本使用

    3、CheckBox获取选中的value 原理:先给所有的CheckBox给一个一样的class名。再用jq的伪类来获取所有checked的元素的value。...你所要跳转的页面'); window.history.back(-1);返回上一页 ---- json处理 如果json是由数组来的,那么parse()解析后,会变为json数组,使用json[数字]来获取数据...,由对象变来的话,会变为json对象,使用json.属性 获取值,或者 json[“属性”] 获取值 // JSON对象转字符串 JSON.stringify() // JSON字符串转JSON对象 JSON.parse...() ---- 获取元素属性值 动态获取按钮的自定义属性值 $(".auto_item").attr("属性名") 如果想设置属性名,使用$(".auto_item").attr("属性名","值")...cookie字符串,但是自己处理还得自己分割字符串,推荐使用第三方库处理cookie,使用非常简单: jquery.cookie.js , 回话cookie,关闭浏览器cookie删除 $.cookie

    26430

    jQuery 教程

    : " + $("#test").val()); }); 获取属性 – attr() jQuery attr() 方法用于获取属性值。...$.cssHooks 提供了一种方法通过定义函数来获取和设置特定的CSS值 jQuery — AJAX 简介 AJAX 是与服务器交换数据的技术,它在不重载全部页面的情况下,实现了对部分网页的更新。...CSS属性的对象 jQuery 杂项方法 方法 描述 data() 向被选元素附加数据,或者从被选元素获取数据 each() 为每个匹配元素执行函数 get() 获取由选择器指定的 DOM 元素 index...jQuery val() – 获取值 使用jQuery val() 方法获取表单的字段值。 jQuery attr() – 获取属性值 使用jQuery attr() 方法获取属性值。...实例解析 jQuery AJAX get() 和 post() 方法 jQuery get() 使用 $.get() 方法从服务端异步获取数据 jQuery post() 使用 $.post() 方法从服务端异步获取数据

    17K20

    Asp.NetCore Web开发之输入验证

    所以进行数据有效性验证是必要的,我们一般通过js或者使用HTML标签自带的属性进行有效性限制,但在不断的演化中,也出现了一些很优秀的数据验证框架,使用它们能高效的开发,最常用的就是基于Jquery的jquery.validate.js...下面就来讲解一下它的用法: 要使用这个框架,就要先引用框架包(注意:此包是基于Jquery开发的,所以要先引用jquery.js),由于数据验证是必要的,所以微软将其集成到了asp.net core...max 数字 最大值 min 数字 最下值 除此之外,我们还可以自定义验证规则,代码如下: //添加检查密码格式的自定义规则 jQuery.validator.addMethod("CheckPwd...运行结果如下: 这种用法相对来说是比较方便的,默认支持的规则有(常用): Required 必填 StringLength 字符串长度 Range 对于int数据,可以指定数据范围 EmailAddress...必须是电子邮件格式 DateType 输入的是格式化的时间 RegularExpression 匹配正则表达式 具体用法,读者自行尝试。

    2K30

    jQuery

    参数只写属性名,则是返回属性值 >$(this).css(''color''); 参数是属性名,属性值,逗号分隔,是设置一组样式,属性必须加引号,值如果是数字可以不用跟单位和引号 >$(this...1.获取 prop('属性'); 2.设置 prop('属性', '属性值'); 设置或获取元素自定义属性值 用户自己给元素添加的属性,我们称为自定义属性。...1.获取 attr('属性'); // 类似原生 getAttribute() 2.设置 attr('属性', '属性值'); // 类似原生 setAttribute() 数据缓存data()...1.存入数据 data('name','value'); // 向被选元素附加数据 //例如:$('span').data('uname','roydon'); 2.获取数据 date('name'...); //得到数字型数据,获取H5自定义属性data-index时,直接写index即可 ---- jQuery 内容文本值 主要针对元素的内容还有表单的值操作。

    21.1K50

    HTML5游戏开发实战–当心

    7.给键盘上的每个按键都分配了一个数字,通过获取数字,我们能够找到是哪个键被按下。通过监听jQuery的keydown事件监听器,在事件触发时event对象会包括按键代码(key code)。...而在获取属性值时,返回的也会是带单位的值。比方。当调用$(“#paddleA”).css(“top”)时,所得到的值是100px而不是100.这样在对这个值运行数学运算时就会遇到问题。...15.通过自己定义数据属性,能够将自己定义数据保存进DOM元素中。 我们能够创建以data-为前缀的自己定义属性名并给它赋值。...jQuery提供了还有一个函数来訪问HTML5自己定义属性属性,那就是data函数。 data函数最先用于给HTML元素的jQuery对象嵌入自己定义数据。...localStorage.getItem ( key );该函数返回给定键的存储值。 当试图获取不存在的键时它会返回null。 23.本地存储的限制大小。

    1.8K10
    领券