锋利的jQuery 要点归纳（二） jQuery中的DOM操作（下）

锋利的jQuery 要点归纳（二） jQuery中的DOM操作（下）的相关文章

• 
  jQuery使用手册之二 DOM操作

  标签：Web开发

  属性 我们以img id="a" scr="5.jpg"/为例，在原始的javascript里面可以用var o=document.getElementById('a')取的id为a的节点对象，在用o.src来取得或修改该节点的scr属性，在jQuery里$("#a")将得到jQuery对象[ img id="a" scr="5.jpg"/ ]，然后可以用jQuery提供的很多方法来进行操作，如$("#a").scr()将得到5.jpg,$("#a").scr("1.jpg")将该对象src属性改为1,jpg。下面我们来讲jQuery提供的众多jQuery方法，...[ 查看全文 ]

  北京龙腾制冷

  21
• 
  jQuery 创建Dom元素

  标签：Web开发

  代码如下： 代码如下： !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" html head meta http-equiv="Content-Type" content="text/html; charset=gb2312" title无标题文档/title script src="jquery-1.4.2.min.js" type="text/javascript"/script script language="javascript" type="text/javascript" $(function(){ var oNewp = $("p...[ 查看全文 ]

  夜爱风雨声

  01
• 
  jQuery对象与DOM对象之间的转换方法

  标签：Web开发

  什么是jQuery对象？ ---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法。 比如： $("#test").html() 意思是指：获取ID为test的元素内的html代码。其中html()是 jQuery里的方法 这段代码等同于用DOM实现代码： document.getElementById("id").innerHTML; 虽然jQuery对象是包装DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同理DOM对象也不能...[ 查看全文 ]

  亮亮459683559

  141
• 
  jQuery select操作控制方法小结

  标签：Web开发

  需要注意的是，这里的代码好多是针对jquery 1.32以前的版本（以后的版本已经不支持@）,所以替换为空测试下即可。 //遍历option和添加、移除option function changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){ $(this).remove(); } }); }else{ $("o...[ 查看全文 ]

  防火防盗速度

  21
• 
  基于jquery用于查询操作的实现代码

  标签：Web开发

  打包下载 一.本文干些啥： 通过javascript得到用户操作改变url参数从而实现某些功能，如查询(具体的查询由服务器端代码得到url中的参数组成查询语句实现)。 二.准备工作： 一个JQuery类库(我使用的版本为：1.3.2)，一个工具类库(Tool.js，基本都是网上搜索来的代码)，一个查询类库(Search.js，自己写的),一个htm页面（用来做练习），将这些js代码添加进页面htm页面。 htm页面 代码如下: !DOCT...[ 查看全文 ]

  liu_后花园

  51
• 
  Jquery操作radio,checkbox,select表单操作实现代码

  标签：Web开发

  一 、Select jQuery获取Select选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); //获取Select选择的Value 4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值...[ 查看全文 ]

  我叫小团团

  171
• 
  jQuery温习篇 强大的JQuery选择器

  标签：Web开发

  在jQuery出世以来，它取得很大的成就和认同。JQuery是一个轻量级的JavaScript框架，它的发布版很小仅16K左右。它能让你方便简洁的写出漂亮的动画效果、实现各种视觉效果，轻松的处理JavaScript的DOM数以及Ajax的交互行为。它的优点在于轻量级、简单易学、易扩展、跨浏览器和网上拥有大量的jQuery插件使用。由于它这一大堆的优点，它已经被微软官方认可加入VS IDE中拥有强大的智能提示，并据官方的统计现在至...[ 查看全文 ]

  maomaoyu卟大

  11
• 
  jQuery 核心函数以及jQuery对象

  标签：Web开发

  一、jQuery 核心函数 首先介绍 jQuery 的几个核心函数，在 jQuery 中它们起着至关重要的作用，在实际的前端开发过程中用到最多的也是它们。 1、jQuery(elements) 将一个或多个DOM元素转化为jQuery对象。 这个函数也可以接收XML文档和Window对象（虽然它们不是DOM元素）作为有效的参数。 返回值：jQuery 对象 参数 elements: 用于封装成 jQuery 对象的 DOM 元素 代...[ 查看全文 ]

  只为你快乐C

  01
• 
  JQuery 学习笔记01 JQuery初接触

  标签：Web开发

  一、下载 官方网址是http://jquery.com/ 官方下载地址：http://docs.jquery.com/Downloading_jQuery 里边有当前版本和历史版本的下载，可以下载下来部署在自己的服务器上 上面也有Google\Microsoft\jQuery的CDN(Content Delivery Network)地址，由于目前jQuery的广泛使用，选择CDN地址可以充分利用缓存和这些互联网大佬们的带宽和服务器资源。 官网上下载有两种版本Compressed（Minified version）和Uncompr...[ 查看全文 ]

  Amway锦

  01
• 
  jQuery 1.0.2

  标签：Web开发

  代码如下： /* prevent execution of jQuery if included more then once */ if(typeof window.jQuery == "undefined") { /*  * jQuery 1.0.2 - New Wave Javascript  *  * Copyright (c) 2006 John Resig (jquery.com)  * Dual l...[ 查看全文 ]

  zy张亦

  61
• 
  你的jquery ajax无效和你的jquery引入路径有关

  标签：Web开发

  Jquery不必多说，你能阅读到该篇文章，肯定知啊都jquery是js框架。 大家在做项目的时候肯定或多或少都需要用到ajax。 而如果用到jquery的ajax，那么就需要将jquery引入到jsp页面。 当你发现你的jquery ajax无效的时候,不妨使用 fire bug调试一下，这时你会发现，提示"$"无效，为什么会有这种提示呢？原因很简单，就是你引入jquery.js的路径有问题。 所以大家遇到此类问题的时候，首先要做的就是看看自...[ 查看全文 ]

  发达富乽欧诺

  81
• 
  跟着JQuery API学Jquery 之三 筛选

  标签：Web开发

  1.过滤 eq（index） 看这个函数和基础里的:eq貌似是一样的（其实就是一样的） 比如我们对div1/divdiv1/div做选择，那我们可以用$(“div”).eq(1)或$(“div:eq(1)”) 来选中第二个div效果是一样的 hasClass(class) 用来判断当前元素是否含有一个类 这个和is(“.”+class)是一样的，我们来看一下is()这个函数用来干吗的 ，它是用一个表达式来检查当前选择的元素的集合，如果其中至少有一个元素符合给定表...[ 查看全文 ]

  只做投资

  11
• 
  jquery 图片截取工具jquery.imagecropper.js

  标签：Web开发

  除了jquery，本插件还引用了UI库，包括ui.draggable.js ImageCropper 演示需要asp.net支持。测试通过 ImageCropper 下载 http://www.jb51.net/jiaoben/25688.html 插件用法： 代码如下： var imageCropper = $('#imgBackground').imageCropper(); 要注意的是此插件只应用在有src属性的img标签上。 通过插件输出的参数，即可以通过服务器端代码截取图片，比如： 代码如下： $('#imgCroppedImage').a...[ 查看全文 ]

  北京致爱

  1291
• 
  jQuery 练习[二] jquery 对象选择器

  标签：Web开发

  根据 id 选择(通过 id 只能选择一个对象), 如: $("#div2") 代码如下: divAAA/div divBBB/div divCCC/div 根据标签选择, 如: $("span") 代码如下: divspanAAA/span/div divBBB/div spanCCC/span 根据样式的类名选择, 如: $(".class1") 代码如下: divAAA/div divBBB/div divCCC/div 选择所有对象是: $("*") 可混合使用, 如(复制代码): !docty...[ 查看全文 ]

  小雨ZENKI

  91
• 
  jQuery中文入门指南翻译加实例jQuery的起点教程

  标签：Web开发

  中文版译者：Keel 此文以实例为基础一步步说明了jQuery的工作方式。现以中文翻译（添加我的补充说明）如下。如有相关意见或建议请麻烦到我的 BLOG 写个回复或者 EMAIL 告知。 英文原版：http://jquery.bassistance.de/jquery-getting-started.html ，感谢原文作者 Jörn Zaefferer 本文发布已征求[ 查看全文 ]

  风过无尘enjoy

  31
• 
  Jquery 扩展方法

  标签：Web开发

  于是翻出了前年的Jquery中文文档。 大致浏览了下Jquery的方法。发现Jquery如此之强大，怎么以前就没有发现呢？于是就亲手写了基于Jquery的扩展函数，代码如下： 代码如下： jQuery.fn.__toggleCheck = function (idPrefix) { var c = false; $(this).click(function () { if (c) c = false; else c = true; $("input[type=checkbox][id^=" + idPrefix + "]").each( function () { this.checked = c...[ 查看全文 ]

  bwozhongg412

  21
• 
  基于JQuery的cookie插件

  标签：Web开发

  简单使用方法： 代码如下： html head titleJQuery-Cookie插件/title script type="text/javascript" src="jquery-1.4.js"/script script type="text/javascript" src="jquery.cookie.js"/script /head body a href="#"设置cookie1/abr a href="#"设置cookie2/abr a href="#"获取cookie/abr a href="#"删除cookie/abr /body /html script type="text/javascript" $(function(){ var COOK...[ 查看全文 ]

  已不再温柔的人

  71
• 
  jQuery 练习[一] 学习jquery的准备工作

  标签：Web开发

  使用 jQuery 写 JavaScript 脚本就像是用 Delphi 写 Windows 程序一样, 它不是更强大, 只是更易用. 计划先全面浏览、测试一遍 jQuery 的语法, 同时洞察其逻辑与思想; 最后尝试在 Delphi 中使用 jQuery, 估计要比使用 MSHTML.pas 方便得多. 官方站点: http://jquery.com/ 中文文档: http://jquery-api-zh-cn.googlecode.com/ 下载地址: http://docs.jquery.com/Downloading_jQuery jQuery 库就是一个 js 文...[ 查看全文 ]

  苏烟·来一根

  81
• 
  跟着Jquery API学Jquery之一 选择器

  标签：Web开发

  有了Jquery的选择器，吃饭饭饭香，身体倍棒…… 1.基本 我们知道jquery最常用的就是选择器了，我们看一下jqueryAPI中的 选择器—基本中有5种情况 class ,id ,element, *,还有一个多选择器，这里我们想一下css样式的写法 css样式也有几种情况：1.类样式 2.id样式 3.标签样式， 如果有一个aa的类 ，那么我们定义aa的样式就要写成 .aa{} 如果有一个bb的id，那么我们定义bb的样式就要写成 #bb{} 如果有标...[ 查看全文 ]

  夏天雨冬天雪a

  11
• 
  jquery简单体验

  标签：Web开发

  jquery简单体验 query是继prototype之后又一个优秀的Javascrīpt框架。对prototype我使用不多，简单了解过。但使用上jquery之后，马上被她的优雅吸引住了。有人使用这样的一比喻来比较prototype和jquery：prototype就像Java，而jquery就像ruby.实际上我比较喜欢java（少接触Ruby 罢了）但是jquery的简单的实用的确有相当大的吸引力啊！在项目里我把jquery作为自已唯一的框架类包。使用其间也有一点点心得，其...[ 查看全文 ]

  LY雯926

  21