关于jQuery小认知(后期会补充)

$这个符号在Jquery中并不陌生,什么都会用到它,$表示着jquery。一般用于自我复习( 内容部分摘于他人)

$()可以是$(expresion),即css选择器。

eg:$("div")   表示页面中的所有div元素。

 

1 $(document).ready(function(){      //这个函数的执行,是在页面加载完了之后执行,一些方法放这个函数执行,是因为如果页面没有加载完,就执行操作会出现错误
2
3      $("button").click(function(){
4          $("div").animate({height:"toggle"}).append("hi");
5      });
6  });

$.fn  也是经常遇见的。它表示什么意思呢 。

我们看他的源代码

1 jQuery.fn = jQuery.prototype = {
2     constructor: jQuery,
3     init: function( selector, context, rootjQuery ) {
4     ............
5     }
6 }
7        

即:jQuery.fn == jQuery.prototype, 即jQuery.fn是 jQuery.prototype别称。

这样的话我们就可以对立面添加一些静态方法了。通常是用来制作插件

 1 $.fn.extend({
 2     sayHello: function(){
 3         $(this).click(function(){
 4             alert("hello jquery!");
 5         });
 6     }
 7 });
 8
 9 //html代码
10 <input type="button" value="sayHello" id="sayHello"/>
11
12
13 //使用我们给jQuery新添的方法
14 $(function(){
15     $(‘#sayHello‘).sayHello();//这个我们可以弹出hello jquery!
16 });  

先洗去了 ,有时间在更

关于jQuery小认知(后期会补充),布布扣,bubuko.com

时间: 2024-10-12 13:37:15

关于jQuery小认知(后期会补充)的相关文章

Jquery:小知识;

Jquery:小知识: jQuery学习笔记(二):this相关问题及选择器 上一节的遗留问题,关于this的相关问题,先来解决一下. this的相关问题 this指代的是什么 这个应该是比较好理解的,this就是指代当前操作的DOM对象. 在jQuery中,this可以用于单个对象,也可以用于多个对象. $('btn').click(function(){ alert(this.innerHTML); // 单个对象,this指代当前id为btn的DOM对象 }); $('div').each

程序员都会的 35 个 jQuery 小技巧

收集的35个 jQuery 小技巧/代码片段,可以帮你快速开发. 1. 禁止右键点击 1 $(document).ready(function(){ 2 $(document).bind("contextmenu",function(e){ 3 return false; 4 }); 5 }); 2. 隐藏搜索文本框文字 1 Hide when clicked in the search field, the value.(example can be found below in t

必须学会使用的35个Jquery小技巧

query 与JS相比较,方便了许多,语法上也简便了不少,下面是Jquery常用的技巧,下面Jquery使用的方法在各个网站中都会使用到. 收集的35个 jQuery 小技巧/代码片段,可以帮你快速开发. 1. 禁止右键点击 1 2 3 4 5 $(document).ready(function(){     $(document).bind("contextmenu",function(e){         return false;     }); }); 2. 隐藏搜索文本框

jQuery小盒子菜单效果

jQuery小盒子菜单效果 程序吧推荐下载,小盒子方式菜单,效果酷毙了... jQuery小盒子菜单效果,布布扣,bubuko.com

实用的 jquery 小插件

1 /** 2 * ---------------------------------------------------- 3 * 实用的 jquery 插件方法 4 * @QQ 617937424 5 * @寄语 不要重复写同样的代码,学会封装成方法,慢慢积累,提高效率. 6 * ---------------------------------------------------- 7 */ 8 9 10 /** 11 * 全选/反选 12 * 13 * html结构: 14 <div i

10个 jQuery 小技巧

10个 jQuery 小技巧 -----整理by: xiaoshuai 1. 返回顶部按钮 可以利用 animate 和 scrollTop 来实现返回顶部的动画,而不需要使用其他插件. // Back to top                                        $('a.ktop').click(function () {                          $(document.body).animate({scrollTop: 0}, 800)

Jquery小知识点

Jquery小知识点一.未来元素:live可以给还没创建出来的元素附上事件ps:$(".div").live("click",function(){}) 二.颜色渐变用到Jquery封装好的jquery.color.js 三.弹窗制作的一些知识点 获取浏览器高度:var llbo = window.innerHeight; 获取页面高度:var bo = $("body").outerHeight(); 换行:word-wrap:break-wo

每个程序员都会的 35 个 jQuery 小技巧

1 收集的35个 jQuery 小技巧/代码片段,可以帮你快速开发. 2 1. 禁止右键点击 3 $(document).ready(function(){ 4 $(document).bind("contextmenu",function(e){ 5 return false; 6 }); 7 }); 8 2. 隐藏搜索文本框文字 9 Hide when clicked in the search field, the value.(example can be found belo

人人都会的35个Jquery小技巧

收集的35个 jQuery 小技巧/代码片段,可以帮你快速开发. 1. 禁止右键点击 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2. 隐藏搜索文本框文字 Hide when clicked in the search field, the value.(example can be found below in the comment f