大致介绍 终于开始了我的jQuery学习之路！感觉不能再拖了，要边学习原生JavaScript边学习jQuery jQuery是什么？ jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设 计和Ajax交...
选择器的意义就是将众多html代码中准确的找出我们想找的单元。接下来将常见的选择器以及作用列举出来。 基本选择器$(#test1).css(background , gray); 可以找到id = test1的单元。 $(p).css(background , blue); 所有的P标签都会被选中。$(.test2).css(background , green); Class = test2的单元全部被选中。$(*).css(background,pink); *指的就是所有元素，慎用。层次选择器 $(div span).css(background , orange); div下的span将...
一个例子：<ul><li>John</li><li>Karl</li><li>Brandon</li> </ul> <ul><li>Glen</li><li>Tane</li><li>Ralph</li> </ul>first表示（所有父元素合并后的）第一个；first-child表示（每个父元素的）第一个 $(ul li:first) 返回john所在的li。 查找所有ul下第一个li元素 $("ul li:first-child") 返回 john glen。 查找每个ul下第一个元素是li元素dom元素。 扩展用法：$("body *:first")表示body下的第一个孩子元素； $("body *:first...
在上篇文章给大家介绍了div模拟版链接：//www.gxlcms.com/article/96211.htm，如果大家感兴趣可以参考下。这个是select版的，若想美化某些样式是不支持得，可以用div模拟版的，功能基本实现能用了，需要其他功能自己加上。 <!doctype html> <html> <head> <meta charset="utf-8"> <title>双向列表选择器select版</title> <script type="text/javascript" src="../public/jquery-1.8.2.js"></script> <script type="text/javascript...
1. #id : 根据给定的ID匹配一个元素 <p id="myId">这是第一个p标签</p> <p id="not">这是第二个p标签</p> <script type="text/javascript">$(function(){$("#myId").css("color","red");}); </script> 结果： 这是第一个p标签 这是第二个p标签 2. element : 根据给定的元素标签名匹配所有元素 <div>这是div标签1</div> <div>这是div标签2</div> <p>这是p标签</p> <script type="text/javascript">$(function(){$("div").css("color...
如下所示： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><title> new document </title><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><style type="text/css"></style><script type="text/javascript" src="jquery-1.7.1.min.js"></script><script type="text/javas...
jQuery 选择器在前面的章节中，我们展示了一些有关如何选取 HTML 元素的实例。关键点是学习 jQuery 选择器是如何准确地选取您希望应用效果的元素。jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素进行选择。选择器允许您对 HTML 元素组或单个元素进行操作。在 HTML DOM 术语中：选择器允许您对 DOM 元素组或单个 DOM 节点进行操作。jQuery 元素选择器jQuery 使用 CSS 选择器来选取 HTML 元素。$("p") 选...
如下所示： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><title>层级 </title><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><script type="text/javascript" src="jquery-1.7.1.min.js"></script><script type="text/javascript">/*ancetor descendant：匹配祖先元素...
实例如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><title>层级 </title><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><script type="text/javascript" src="jquery-1.7.1.min.js"></script><script type="text/javascript">/*ancetor descendant：匹配祖先元素...
废话不多说了，直接给大家贴代码了，关键代码如下所述： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <style type="text/css"></style> <script type="text/javascript" src="jquery-...
相信很多小伙伴都会遇到需要做表单的需求，就像我现在做的医院项目，茫茫多的表单无穷无尽。一开始做表单使用最笨的方法：一个个span去定义ID，每个数据都用ajax获取后赋值显示，然后在表单提交前一个个用jQuery根据ID获取元素的value，组成一个model来提交给服务器。 后来发现使用jQuery可以大大简化这个过程。于是我修改了工作方法，总结了我的一些提高写表单效率的方法。 需求 表单中存在最多的无非就是文本、文本框、单选框、...
本文实例为大家分享了经典的jQuery过滤选择器应用，供大家参考，具体内容如下 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>过滤选择器</title><style type="text/css">#txt_show {display:none; color:#00C;}#txt_hide {display:block; color:#F30;}</style><script src="js/jquery-1.8.3.js"></script><script language="JavaScript">$(document).ready(function () {$("[name=show]").click(function ...
选择器并没有一个固定的定义，在某种程度上说，jQuery的选择器和样式表中的选择器十分相似。选择器具有如下特点： 1．简化代码的编写 2．隐式迭代 3．无须判断对象是否存在 jQuery 的选择器可谓之强大无比，这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素$("div") 选择所有的div标签元素，返回div元素数组 $(".myClas...
概念 空格：$(parent childchild)表示获取parent下的所有的childchild节点 大于号：$(parent > childchild)表示获取parent下的所有下一级childchild 加号：$(pre + nextbrother)表示获得pre节点的下一个兄弟节点，相当于next()方法 波浪号：$(pre ~ brother)表示获取pre节点的后面的所有兄弟节点，相当于nextAll()方法 详解描述 现有代码如下 <meta charset="utf-8"> <script type="text/javascript" src="js/jquery-1.7.1.min.js...
jQuery最强大的功能在于它可以通过css选择器查找元素，它的源码中有一半是sizzle css选择器引擎的代码，在html5规范出来之后，增加了document.querySelector和document.querySelectorAll直接查找元素，如果是做移动端开发的，使用jQuery的必要性大大降低。 用js代码实现css选择器，必然是用正则表达式来识别字符串了，当然浏览器提供的原生api 效率更高，以下代码只做原理性展示，并未优先性能， 例如 1）查找id显然是用document.g...