jquery传递this
很多同学在进行编程学习时缺乏系统学习的资料。本页面基于jquery传递this内容,从基础理论到综合实战,通过实用的知识类文章,标准的编程教程,丰富的视频课程,为您在jquery传递this相关知识领域提供全面立体的资料补充。同时还包含 j2ee是什么、jar格式、java 的知识内容,欢迎查阅!
jquery传递this相关知识
-
jQuery事件参数传递的解读jQuery提供了一系列便捷事件监听的方法,该方法同时允许传递一个参数,可以通过以下代码来了解: HTML部分: ```<div>jQuery事件参数解读</div> JS部分: $("div").click(999,function(event){ alert(event.data); }) 那么引出本文的问题: click方法内函数的event是什么? 当click方法调用函数时,会默认返回一个事件对象作为该函数的参数,这里的event就是该事件本身。 event.data中的data又是什么? click返回的事件中,默认添加了一个data属性,如果我们在.click()方法中尝试传入
-
php传递json给jquery的问题在写代码的时候,通过jquery的$.ajax()传递数据与后端交互,然后使用json_encode返回。然后success中使用$.each解析的时候发现报错。但是打印发现返回的确实是一个json对象。经过排查后发现原来后端php的header设置成html类型了,改成json就正常了。还有一种方法是先将返回的data用$.parseJSON()处理一下,将字符串型(看起来也是对象)的数据转化为对象。
-
php传递json给jquery的问题在写代码的时候,通过jquery的$.ajax()传递数据与后端交互,然后使用json_encode返回。然后success中使用$.each解析的时候发现报错。但是打印发现返回的确实是一个json对象。经过排查后发现原来后端php的header设置成html类型了,改成json就正常了。还有一种方法是先将返回的data用$.parseJSON()处理一下,将字符串型(看起来也是对象)的数据转化为对象。
-
面向对象 (四)类对象赋值为引用传递值传递 变量的拷贝,变量指向不同地址,一个变量的更改 不会 影响另一个变量 引用传递 指向同一个地址,一个变量的更改 会 影响另一变量 对象赋值, 为引用传递 实践 demo5.php <?php /** * Desc: 值传递与引用传递 * User: zyy * Date: 2019-12-08 * Time: 下午 21:20 */ namespace Article { class Comment1 { public $title; public $content; public function __construct($title, $content) { $this->title = $title; $this->content = $c
jquery传递this相关课程
-
iOS之FTP上传 本课程会着重给大家讲解FTP的上传机制,从文档介绍,并且会通过上传头像的案例,帮助大家完成相册的获取、ftp上传路径的获取以及具体的操作流程。
讲师:爬梯 初级 4085人正在学习
jquery传递this相关教程
- 3.1 脚本传递 脚本传递参数,就是在运行脚本的时候通过位置参数传递进脚本内,每个参数利用一个空格来进行分割,如果传递的参数本身就有空格,则可以利用 "" 来引起来,作为一个整体传递,在脚本内通过 $n 来获取。[root@master Shell_args]# cat args1.sh #!/bin/bashecho "第一个参数为: $1"echo "第二个参数为: $2"echo "脚本名称为: $0"[root@master Shell_args]# bash args1.sh go "python Shell java"第一个参数为: go第二个参数为: python Shell java脚本名称为: args1.sh例如我们第二个参数为一个带有空格的多个字符串,我们可以用双引号引起来作为一个位置参数进行传入。
- 3.2 函数传递 顾名思义,参数传递就是在函数外部进行参数的传入,由于函数部分在后续有专门章节详解,在此我们就以一个简单的示例进行说明。函数传递与脚本传递非常类似,只是在调用函数的时候进行传递位置参数即可,例如:[root@master Shell_args]# cat args_fun.sh #!/bin/bash# 函数定义function show_args() { echo "第一个参数为: $1" echo "第二个参数为: $2" echo "脚本名称为: $0"}# 函数调用show_args go Shell[root@master Shell_args]# bash args_fun.sh 第一个参数为: go第二个参数为: Shell脚本名称为: args_fun.sh在示例中,我们可以看到没有通过在脚本外部进行参数传递,而是在调用 show_args 函数的时候传入来两个参数。
- 4. 子组件通过 $emit 传递数据给父组件 介绍完父组件传递数据给子组件的方式,我们再来看看子组件是如何传递数据给父组件的。子组件通过 $emit 传递事件给父组件,父组件通过 $on 监听事件:// 子组件定义事件this.$emit('事件名称', '传递的参数') //例: this.$emit('add', 111)// 父组件监听事件的触发<child @事件名称="事件触发的方法"/>具体示例:605代码解释JS 代码第 19-38 行:定义了组件 child,该组件接收两个参数:1. 字符串类型的 name,默认值为:句号。2. 数字类型的 age,默认值为 18。组件模版中,通过按钮点击事件触发 add 方法,该方法内部通过 $emit 触发事件 add,并将 age + 1 的值作为参数传递。JS 代码第 3-18 行:定义了组件 parent,在组件中使用 <child :name="name" :age="age" @add="add"/> 引用组件,并绑定 add 事件,当事件 add 触发时调用 methods 中的 add 函数。
- jQuery jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.(jQuery 官方介绍)
- this 使用问题 大部分开发者都会合理、巧妙的运用 this 关键字。初学者容易在 this 指向上犯错,如下面这个 Vue 组件:<div id="app"></div><script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.9/vue.min.js"></script><script> // 发送post请求 const post = (cb) => { // 假装发了请求并在200ms后返回了服务端响应的内容 setTimeout(function() { cb([ { id: 1, name: '小红', }, { id: 2, name: '小明', } ]); }); }; new Vue({ el: '#app', data: function() { return { list: [], }; }, mounted: function() { this.getList(); }, methods: { getList: function() { post(function(data) { this.list = data; console.log(this); this.log(); // 报错:this.log is not a function }); }, log: function() { console.log('输出一下 list:', this.list); }, }, });</script>这是初学 Vue 的同学经常碰到的问题,为什么这个 this.log() 会抛出异常,打印了 this.list 似乎也是正常的。这其实是因为传递给 post 方法的回调函数,拥有自己的 this,有关内容可以查阅 this章节。不光在这个场景下,其他类似的场景也要注意,在写回调函数的时候,如果在回调函数内要用到 this,就要特别注意一下这个 this 的指向。可以使用 ES6 的箭头函数 或者将需要的 this 赋值给一个变量,再通过作用域链的特性访问即可:<div id="app"></div><script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.9/vue.min.js"></script><script> // 发送post请求 const post = (cb) => { // 假装发了请求并在200ms后返回了服务端响应的内容 setTimeout(function() { cb([ { id: 1, name: '小红', }, { id: 2, name: '小明', } ]); }); }; new Vue({ el: '#app', data: function() { return { list: [], }; }, mounted: function() { this.getList(); }, methods: { getList: function() { // 传递箭头函数 post((data) => { this.list = data; console.log(this); this.log(); // 报错:this.log is not a function }); // 使用保留 this 的做法 // var _this = this; // post(function(data) { // _this.list = data; // console.log(this); // _this.log(); // 报错:this.log is not a function // }); }, log: function() { console.log('输出一下 list:', this.list); }, }, });</script>这个问题通常初学者都会碰到,之后慢慢就会形成习惯,会非常自然的规避掉这个问题。
- 2. 使用…来传递变参 当你传递的参数是一个切片时,此时你无法确定其长度,你就可以用...来传递其全部的值到变参函数中。代码示例:package mainimport "fmt"func main() { i := []int{1, 2, 3, 4, 5} variableParameter(i...)//传递i中的所有值}func variableParameter(i ...int) { fmt.Println("输出变参:", i)}执行结果:
jquery传递this相关搜索
-
j2ee
j2ee是什么
jar格式
java
java api
java applet
java c
java jdk
java list
java map
java script
java se
java socket
java swing
java switch
java web
java xml
java 程序设计
java 多线程
java 环境变量