jquery 怎么引用一个方法并传递参数

jquery 怎么引用一个方法并传递参数,第1张

用闭包+匿名函数

$("button")bind("click",function(e){

//这里通过对e的处理得到你的待传参数值

para = etargetfoo

abc(para)

})

--

可能我没理解你的意思

按钮是什么?是组件的一部分还是随便写在html里的?

如果是一部分那么你可以用this指向组件对应的方法调用吧

如果不是的话,你也可以在匿名函数里先找到组件的引用,再调相应的方法

本质上jquerybind是把前后两个函数的参数一一对应地进行传递赋值的……

---

晕,js支持反射的,就是说你可以通过方法名的字符串调用该方法,例如

var a;

ab = function(){//}

ab() //传统的调用

a["b"]()//反射调用

所以在组件里可以写个属性(比如propFuncname),返回那个方法的名字的字符串,如"abc"

然后在匿名函数里找到组件的引用,通过上述属性(propFuncname)得到方法字符串,再用反射调用之。

这样可以保证,通过对公共属性propFuncname的调用得到不同的对应的方法。

Tips:百度搜索jQuery,到jQuery的官网下载jQuery库。

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8" />

    <title>HTML5学堂</title>

    <style type="text/css">

        h5course {

            width: 200px;

            height: 200px;

            background-color: red;

        }

    </style>

</head>

<body>

    <div id="h5course">学习HTML5,到HTML5学堂</div>

    

    <!-- 用script标签引入jQuery库 -->

    <script src="js/jquery-321minjs" type="text/javascript"></script>

    <script type="text/javascript">

        consolelog($('#h5course')text());

    </script>

</body>

</html>

两种写法都不太好

首先函数应写在一个JS文件里,在文档的

<head>

<script type="text/javascript" src="inc/javaScript/jquery-14minjs"></script>

<script type="text/javascript" src="xxjs"></script>

</head>

标签间引用

$(document)ready(function() {

//其它初始化相关的代码

});

应写在htm文档里面,或在<head>标签间,或在<body>标签间,或在<body>外都没问题,并没有太严格的要求

jQuery是一款前端开发框架,jQuery使用的方法如下:

工具/原料:联想威6、win10 20H2、jQuery 351。

1、jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。

2、然后我们来开始编辑HTML界面代码。

3、如图,使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。

4、接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码,入口函数写法有两种,function里面就是用来书写执行代码的。

5、如图,我就使用alert来在网页中d出一个警告框。

6、这样,当我们运行我们的网页的时候,就会d出一个窗口,里面有我们的警告内容。至此,jQuery也算简单的入门了解了。

尽量别这么写

jquery方法更多的是实现响应 *** 作页面中某节点的事件,比如:

$(function() {

$("#aaa")click(function(){

//代码

});

});

<html>

<div id="aaa">aaa</div>

</html>

两种写法是一模一样的。。。

原理是jQuery占用了$符号将他作为windowjQuery的一个引用,所以你一般使用中,$变量就指向了jQuery。

而$是很多库作为自己函数或者变量名(虽然现在因为jQuery太流行了,大部分库已经不敢作死跟jQuery抢$了),所以jQuery有一个防冲突机制,使用jQuerynoConflict()方法,可以解除jQuery对$占用,这时候,jQuery就不能使用$()方法来作为选择器方法了,必须用jQuery()。

此外,如果你用17+版的jQuery,建议你使用on方法来绑定click

$("#id")on('click',function() {

// code

});

click方法其实是他的快速别名,但用on更灵活,建议你多用on,养成习惯

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/langs/12182004.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存