JS方法调用jQuery内部方法

最新推荐文章于 2021-09-03 16:55:13 发布
最新推荐文章于 2021-09-03 16:55:13 发布
阅读量551 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/hzb462606/p/9761625.html
版权

转载于：https://blog.csdn.net/tsoTeo/article/details/77848932

已经测试过，可以正常调用！！以下为原文：

JS方法能不能调用JQuery里面的方法 ？
能，但有一定的格式。

index.html

<body>
    数字1：<input type="text" id="number" name="number" />
    <button class="number" οnclick="getResult()">获取数字1的值</button>
</body>

　　

index_js.js

function getResult(){
    //调用方式
    $().getRes();
};
//获取文本框值
$(function(){
    //名字为getRes的jQuery方法
    $.fn.getRes=function(){
        var number = $("#number").val();
        alert(number);
    }
});

　

jQuery方法 ：

$.fn.函数名字=function(){
    //todo
}

　　

Js调用：

$().函数名字();
 
 
 
 

 

转载于:https://www.cnblogs.com/hzb462606/p/9761625.html

                

        

        




    




    

      

        

            

              
                
                  diaojinxun8373
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
js调用jquery中的方法

				
			

			

				

					如果没有_明天
				

				

					01-05
					
					1443
					
				

			

		

		

			
				
介绍一下js调用jquery的实例
js中：
    function showBc(str){

    $().show(str);
    }
jq中：


jQuery(document).ready(function($) {

 $.fn.show = function(id){alert(id);}; 


}

			
		

	



                

              
                



	

		

			

				
					
JS中jQuery的使用方法

				
			

			

				

					Rabbit-Sir的博客
				

				

					02-08
					
					1876
					
				

			

		

		

			
				
jQuery有三种使用方法：
1. 加载页面后执行：
在平常的时候我们使用预加载的时候我们要把方法和onload()绑定：

<script type="text/javascript">
	document.onload = function () {
            // 这个事件在页面加载完成之后加载的
        }
</script>

但是在jQue...

			
		

	



                


  
              

                


	

		

			

				
					
jQuery-方法

				
			

			

				

					wendZzoo的博客
				

				

					09-06
					
					180
					
				

			

		

		

			
				
jQuery提供了许多直接使用的方法。

1、addClass()方法

通过动态改变类名（class），可以让其修改元素呈现出不同的效果。在HTML结构中里，多个class以空格分隔，当一个节点（或称为一个标签）含有多个class时，DOM元素响应的className属性获取的不是class名称的数组，而是一个含有空格的字符串，这就使得多class操作变得很麻烦。而jQuery中.addClas...

			
		

	





	

		

			

				
					
Jquery基础入门一内置方法和属性（1）

				
			

			

				

					laoma4102的专栏
				

				

					10-29
					
					1361
					
				

			

		

		

			
				
jQuery 对象是一个集合，要访问这个集合，除了使用索引值以外，还可以使用jQuery 定义的几个方法和属性。如果设置事件会对整个集合有影响，如果返回值，则会取出第一个返回。
          each(callback) 方法。对集合进行遍历，参数fn为对每个对象的操作。在函数内部会通过索引或许集合的对象，而this关键字指向的是当前的元素对象，而且为DOM对象。对象的索引值可以做为参数传

			
		

	



		

			
		



	

		

			

				
					
可以使用jQuery.Alert（）的不同方式

				
			

			

				

					
				

				

					01-12
					
					3108
					
				

			

		

		

			
				
什么是.alert（）  有时你需要回到基础知识和使用.alert（）函数是jQuery来看看到底是什么一个变量或检查你的JavaScript实际上是在所有的工作？ 也许最underated的功能之一，但肯定用得最多的是jquery.Alert（）。 也被称为包含显示给用户的文本信息一个jQuery命令盒或系统弹出窗口。  如何使用.alert（）  //when the webpage is ...

			
		

	





	

		

			

				
					
jQuery基于ID调用指定iframe页面内的方法

				
			

			

				

					10-22
				

			

		

		

			
				
本篇将详细介绍如何使用jQuery基于ID调用指定iframe页面内的方法。  首先，我们需要理解基本的DOM操作。`iframe` 是一个HTML元素，用于在当前文档中嵌入另一个完整的HTML文档。每个iframe都有一个`id`属性，通过这个...

			
		

	





	

		

			

				
					
jQuery及JS实现循环中暂停的方法

				
			

			

				

					10-24
				

			

		

		

			
				
在JavaScript和jQuery中，有时我们需要在循环中实现暂停效果，比如在遍历数组时等待一段时间再继续执行。这是因为JavaScript是一种单线程语言，它不能同时执行多个任务，但可以通过异步编程来模拟并发。在本例中，...

			
		

	





	

		

			

				
					
jQuery实现折线图的方法

				
			

			

				

					10-24
				

			

		

		

			
				
<script src="Js/Index/jquery-1.5.2.min.js" type="text/javascript"> <script src="js/Index/raphael.2.1.0.min.js" type="text/javascript"> <script src="js/Index/justgage.1.0.1.js" type="text/javascript"> ...

			
		

	





	

		

			

				
					
jQuery使用方法

				
			

			

				

					10-20
				

			

		

		

			
				
jQuery的一大亮点是链式操作，允许你在一条语句中连续调用多个方法。例如，`$('div').find('h3').eq(2).html('Hello')`可以分解为：  1. `$('div')`：选取div元素。 2. `.find('h3')`：在div元素内部查找h3元素。 3....

			
		

	





	

		

			

				
					
JQuery扩展对象方法操作示例

				
			

			

				

					10-18
				

			

		

		

			
				
2. **$.fn.extend**: 这是扩展jQuery选择器对象（即`$.fn`，它是`jQuery.prototype`的别名）的方法，这样新添加的方法就可以被任何jQuery对象调用。就像上面的`ShowMsg`方法，它可以直接应用于任何jQuery选择器的...

			
		

	





	

		

			

				
					
js函数调用的4种方式

				
			

			

				

					zhukaijin的专栏
				

				

					06-24
					
					5337
					
				

			

		

		

			
				
函数调用的方式对函数内部的代码是如何执行的，有着巨大的影响，尤其是在this参数的创建中。除了函数名()这种最基础的调用方法外，还有哪些方式呢？
函数的四种调用方式
1. 作为一个函数进行调用，最简单的方式。
	// 定义函数
	funciton fun(a){
		return a+1;
	}
	// 调用函数并取得返回值
	var ret = fun(2012)
	console.log(ret) //2013

2. 作为一个方法进行调用，在对象上调用。
var o = {a:1,b:2};
o.ad

			
		

	





	

		

			

				
					
js调用jQuery中函数的方法和jQuery调用js中函数的方法

					
热门推荐

				
			

			

				

					m0_37597006的博客
				

				

					05-28
					
					3万+
					
				

			

		

		

			
				
js调用jQuery方法：


function getResult(){
    //调用方式
    $().getFuc();
};
//获取文本框值
$(function(){
    //名字为getFuc的jQuery方法
    $.fn.getFuc=function(){
        alert("1111111111111");
    }
});

 jQuery调用js...

			
		

	





	

		

			

				
					
在外部函数外调用内部函数

				
			

			

				

					weixin_30908649的博客
				

				

					08-03
					
					1134
					
				

			

		

		

			
				
在外部函数之外直接调用内部函数：
代码如下：

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <script src="h...

			
		

	





	

		

			

				
					
jQuery插件使用

				
			

			

				

					qq_43227109的博客
				

				

					09-18
					
					4779
					
				

			

		

		

			
				
1.什么是jQuery插件？

往jquery类库里面去扩展方法，这类方法就是jquery插件。

2.json的三种格式

1 对象 2 列表/数组 3 混合模式（下面由代码演示）



3.$.extend和$.fn.extend！


//$.extend是用来扩充jQuery类属性或方法所用
	var e3={};
	//用后面的对象来扩充前面的对象
	$.extend(e3,i1);
	...

			
		

	





	

		

			

				
					
js动态调用方法 jquery动态调用方法 js

				
			

			

				

					Sun的专栏
				

				

					02-20
					
					1559
					
				

			

		

		

			
				
A页面:


$(".query").on("click", function () {
  //动态获取data-method属性对应的值
  var method = $(this).data("method");
  //method不能为空
  if(method){
    //动态触发事件
    callbarek[method]();
 ...

			
		

	





	

		

			

				
					
JS函数之间的调用（函数内调用一个函数、调用函数内部的函数）

				
			

			

				

					pick_ears的博客
				

				

					09-03
					
					9536
					
				

			

		

		

			
				
文章目录JS函数内调用一个函数JS在外部调用函数内部的函数
JS函数内调用一个函数

代码示例
要点：在一个函数内调用另外一个函数！！！！（常用）（分开写两个function 函数， 然后再一个函数内进行调用！）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<scr

			
		

	





	

		

			

				
					
JS如何在外部调用函数内部的函数

				
			

			

				

					weixin_43694639的博客
				

				

					03-21
					
					2万+
					
				

			

		

		

			
				
在外部调用函数内部的函数是行不通的。因为每执行环境通过作用域链只能一级一级的往上查询函数，不能往下级搜索函数。
举个栗子：
var a=10;
    function numberone(){
        var b=20;
        function numbertwo(){
            var c=30;
            console.log(c);//由于函...

			
		

	





	

		

			

				
					
jquery插件内部方法

					
最新发布

				
			

			

				

					05-09
				

			

		

		

			
				
插件内部方法是插件作者在插件编写过程中加入的私有方法，这些方法一般只能被插件内部的方法所调用，而不能直接由其他JavaScript代码使用。插件内部方法依赖于插件中其他的公共方法和属性，而不依赖于全局变量，这样...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值