`
letitbe
  • 浏览: 237818 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery笔记

阅读更多
1,JQuery对象和DOM对象如何转换
  JQuery对象才能使用JQuery定义的方法;DOM对象才能使用DOM对象的方法;二者不可以混淆。
  DOM对象通过$操作则可以转成JQuery对象。例如:
  $(document.getElementById("msg"))
  JQuery对象转成DOM对象则较复杂一些。由于JQuery对象本身也是集合,所以必须通过索引的方式来转成DOM对象。例如:
  $("#msg")[0]
$(
"div").eq(1)[0]
$(
"div").get(0)
$(
"td")[5]

2,JQuery的get方法和eq方法的区别
  eq返回的是jquery对象;
  get(n)和索引返回的是dom元素对象。
  $("div").eq(2).html();                //调用jquery对象的方法
 
$("div").get(2).innerHTML;    //调用dom方法

3,在事件处理程序中如何得到事件的发出者
在事件处理程序中可以申明一个event对象的方式来抓取事件的发出者。
<!---->$(document).ready(function(){
       $(
"a.week").click(function(event){
          var uri 
= "cWtc.do?";
          var params 
= "action=blankWtc&wd=" + $(event.target).text();
          window.location.href
=uri + params;          
       });      
}); 

4,JavaScript只拥有单一的、全局的名称空间(即window对象),而很多程序员(以及一些库)恣意地为之添加各种东西。
要知道全局变量是魔鬼!聪明的开发人员,会使用类似组件模式的技术,来尽力减少全局对象的数量。
jQuery仅向全局名称空间引入一个标记:jQuery函数/对象。其余的要么是jQuery的直接属性,要么就是调用jQuery函数所返回的对象的方法。
5,两个select ,都是多选的,要求一个按钮,点击时将list1中所有选中的项复制到list2中,而且在list2中已经存在的项就不再添加
http://www.iteye.com/topic/191788

function copy_onclick(){  
 $("#list1 option:selected").each(function () {  
  $(document.createElement("option"))  
.attr("value",$(this).val())  
 .text($(this).val())  
 .appendTo('#list2:not(:has(option[value=\''+$(this).val()+'\']))');  
  });   }  


6,
http://space.flash8.net/space/?18713/action_viewspace_itemid_328089.html
http://hi.baidu.com/yandavid/blog/item/9f64c033dc623b40ac4b5fda.html
http://www.cssrain.cn/article.asp?id=235
http://www.shineblog.com/user6/mprogram/archives/2008/937200.shtml 框处理

John Resig 的主页http://ejohn.org/
Mike Hostetler的http://amountaintop.com/blog/mike
分享到:
评论

相关推荐

    jQuery笔记

    jQuery 是一个广泛使用的 JavaScript 库,它以简洁的语法和强大的功能著称,极大地简化了网页的DOM操作、事件处理和动画制作。"写的更少,但做的更多"是jQuery的核心理念,它允许开发者用相对较少的代码实现复杂的...

    JQuery笔记JQuery笔记

    从给定的文件信息中,我们可以提炼出关于jQuery的一些核心知识点和使用技巧,这将帮助初学者和进阶用户更好地理解和应用jQuery库。 ### jQuery简介与安装 jQuery是一款流行的JavaScript库,它简化了HTML文档遍历、...

    jquery笔记总结

    完整Jquery笔记总结,xmind思维导图文档,可以下载查看。

    jquery笔记详细

    ### jQuery 笔记详解 #### 一、简介 jQuery 是一款快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等操作。它极大地提高了开发者编写 JavaScript 代码的效率,并且兼容各种...

    jQuery笔记(上)

    jQuery笔记(上)涵盖了jQuery的基本用法,包括引入jQuery库、选择器的使用、事件监听与处理,以及简单的动态效果实现。这些基础知识为后续深入学习jQuery提供了坚实的基础。通过学习和实践,开发者可以更加高效地...

    jquery 笔记

    jquery 选择器 jquery 是一个快速简单的javascript library 简化了html文件 ,动画,ajax 。方便了网页技术的快速发展

    锋利的jquery笔记

    《锋利的jQuery笔记》是一份深入探讨jQuery库的宝贵资料,它主要针对JavaScript开发者,尤其是那些希望提升jQuery技能的人员。jQuery是一个轻量级、高性能的JavaScript库,它的核心功能在于简化HTML文档遍历、事件...

    jquery笔记.rar

    这个“jquery笔记.rar”文件很可能是对jQuery库的深入学习和实践总结。 **DOM操作** 1. **选择器**: jQuery提供了一套强大的选择器,如ID选择器(#id)、类选择器(.class)和元素选择器(element),以及组合选择...

    韩顺平jquery学习笔记及练习

    首先,我们来看看"韩顺平AJAX和jQuery笔记整理.doc"。AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,而jQuery对AJAX提供了出色的封装,使得异步数据交换变得更加简单。在这个文档中,你将了解...

    圣思园 jQuery笔记

    《圣思园 jQuery 笔记详解》 jQuery,作为一款强大的JavaScript库,它的出现极大地简化了JavaScript的DOM操作,使得网页动态化和交互性开发变得更加便捷。本文将深入探讨jQuery的选择器、过滤选择器及其在实际应用...

    自己整理的jQuery笔记

    《jQuery笔记详解》 jQuery,作为JavaScript的一个库,极大地简化了DOM操作,提升了开发者的工作效率。它将常用的功能进行了封装,形成了一系列API,使得开发者无需关注底层实现,只需调用相应的方法即可实现复杂...

    我的JQuery笔记.doc

    《jQuery学习笔记详解》 jQuery 是一款强大的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。本笔记基于一年的学习经验,涵盖了基础到进阶的知识点,旨在帮助初学者快速掌握...

    韩顺平AJAX和jquery笔记整理

    ### 韩顺平AJAX和jQuery笔记整理 #### AJAX概览 - **定义**:Asynchronous JavaScript and XML(异步JavaScript与XML),是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。 - **运行原理**: - ...

    JS-Ajax-jQuery笔记1

    JS-Ajax-jQuery笔记,学习笔记,JavaScript,JS-Ajax-jQuery笔记,学习笔记,JavaScript,

    jQuery笔记第二天的购物车案例代码

    在本篇jQuery笔记中,我们将深入探讨购物车案例的实现,这个案例主要涉及前端开发中的交互设计和数据管理。购物车是电商网站的核心功能之一,它涉及到商品的添加、删除、数量调整等操作,同时也需要实时更新总价。...

Global site tag (gtag.js) - Google Analytics