jquery笔记

最新推荐文章于 2025-05-12 11:05:00 发布

最新推荐文章于 2025-05-12 11:05:00 发布 · 119 阅读

文章标签：

#jQuery #ASP.net #ASP #JavaScript #Blog #ViewUI

jquery(进去而已) 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了JQuery对象与DOM对象之间的转换方法，探讨了JQuery的get方法和eq方法的区别，并提供了在事件处理程序中获取事件触发者的技巧。此外还包含了一个实用示例：如何在两个多选select元素间复制已选项。

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