-
jQuery选择器之表单对象属性筛选选择器 表单对象属性筛选选择器也是专门针对表单元素的选择器， 可以附加在其他选择器的后面，主要功能是对所选择的表单元素进行筛选。 表单筛选选择器的描述： 选择器 描述 $(":enabled") 选取可用的表单元素 $(":disabled") 选取不可用的表单元素 $(":checked") 选取被选中的<input>元素 $(":selected") 选取被选中的<option>元素 注意事项： 1.选择器适用于复选框和单选框，对于下拉框元素，使用:selected选择器 2.在某些浏览器中，选择器:checked可能会错误选取到<option>元素，所以 保险起见换用选择器input:checked,确保只会选取<input>元素查看全部
-
jQuery选择器值表单元素选择器 表单选择器的具体描述 选择器 描述 $(":input") 选择所有的input,textarea,select和button元素 $(":text") 匹配所有的文本框 $(":password") 匹配所有的密码框 $(":radio") 匹配所有单选按钮 $(":checkbox") 匹配所有复选框 $(":submit") 匹配所有提交按钮 $(":image") 匹配所有图像域 $(":reset") 匹配所有重置按钮 $(":button") 匹配所有按钮 $(":file") 匹配所有文件域 注意事项 除了input选择器，几乎每个表单类别筛选器都对应一个input元素的type值。 大部分表单类别筛选器可以使用属性筛选器替换。 比如：$(':password')==$('[type=password]')查看全部
-
$(document).ready 的作用是等页面的文档（document）中的节点都加载完毕后，再执行后续的代码，因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。查看全部
-
JQuery是轻量级的js库，它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+）。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。 JQuery的宗旨是——WRITE LESS,DO MORE，也就是“吃得少，干的多”。让我们广大的程序员能够写更少的代码，做更多的事情。 而JQuery在什么时候使用呢？和上边说的类似，它主要的用处就是： 1. 选择器 通过$符号可以快速、精确的定位到指定的元素。选择器包括：基本选择器、层次选择器、过滤选择器、表单选择器 2. 对DOM操作 通过$符号找到DOM元素，对属性进行操作；添加删除节点；对样式进行操作；设置获取HTML文本和值；遍历子元素或同辈元素；添加事件 3. 表单验证 4. 动画效果 5. ajax 上边总结的是JQuery，下面再继续总结AJAX。 AJAX即“AsynchronousJavaScript and XML”（异步JavaScript和XML)。所谓的异步就是在事件触发之后浏览器任然可以做其他的事情，与发生事件的控件无关的控件不受影响。AJAX是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。 要想深刻的理解其中的Javascript和XML的使用，还需要掌握客户端是怎么接受Webservice（.asmx）和WCF（.svc）和一般处理程序（.ashx）文件的使用方法 那一般什么时候使用AJAX，什么时候使用AJAX比较合适呢？一般都是用在页面局部发生变化的地方。如下： 1. 基于表单的交互 2. 深层树状导航 3. 实时用户对用户通讯 4. 投票、是否选择、等级评价 5. 过滤和复杂数据操作 6. 普通录入时的提示/自动补齐 不适用使用AJAX的场合： 1. 简单的表单 2. 搜索 3. 基本导航 4. 替换大量的信息 5. 显示操作 6. 无用的网页小部件查看全部
-
jQuery是一个类数组对象，而DOM对象就是一个单独的DOM元素。查看全部
-
选择器中的层级选择器就是用来处理这种关系 子元素 后代元素 兄弟元素 相邻元素查看全部
-
通配符*意味着给所有的元素设置默认的边距。jQuery中我们也可以通过传递*选择器来选中文档页面中的元素 $( "*" )查看全部
-
元素选择器：根据给定（html）标记名称选择所有的元素 $( "element" )查看全部
-
类选择器，顾名思义，通过class样式类名来获取节点 $( ".class" )查看全部
-
id选择器：一个用来查找的ID，即元素的id属性 $( "#id" )查看全部
-
$(":contains(':文本内容')") $("元素标签:parent") $("元素标签;empty")查看全部
-
html() text() val()查看全部
-
$( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 $("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器 $( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 $("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器查看全部
-
jquery对象与dom对象是不一样的。 HTML Dom中最常用的几个方法之查找元素 Dom之引用当前整个网页文档：document Dom如何快速在网页中查找某一元素：getElementById Dom中查找一组标签，具有相同名称的标签元素：getElementsByTagName 根据标签的Id属性值或name属性来查找多个元素：getElementsByName查看全部
-
jQuery对象与DOM对象 对于才开始接触jQuery库的初学者，我们需要清楚认识一点： jQuery对象与DOM对象是不一样的 可能一时半会分不清楚哪些是jQuery对象，哪些是DOM对象，下面重点介绍一下jQuery对象，以及两者相互间的转换。 通过一个简单的例子，简单区分下jQuery对象与DOM对象： <p id=”imooc”></p> 我们要获取页面上这个id为imooc的p元素，然后给这个文本节点增加一段文字：“您好！通过慕课网学习jQuery才是最佳的途径”，并且让文字颜色变成红色。 普通处理，通过标准JavaScript处理： var p = document.getElementById('imooc'); p.innerHTML = '您好！通过慕课网学习jQuery才是最佳的途径'; p.style.color = 'red'; 通过原生DOM模型提供的document.getElementById(“imooc”) 方法获取的DOM元素就是一个DOM对象，再通过innerHTML与style属性处理文本与颜色。 jQuery的处理： var $p = $('#imooc'); $p.html('您好！通过慕课网学习jQuery才是最佳的途径').css('color','red'); 通过$('#imooc')方法会得到一个$p的jQuery对象，$p是一个类数组对象。这个对象里面包含了DOM对象的信息，然后封装了很多操作方法，调用自己的方法html与css，得到的效果与标准的JavaScript处理结果是一致的。 通过标准的JavaScript操作DOM与jQuyer操作DOM的对比，我们不难发现： 通过jQuery方法包装后的对象，是一个类数组对象。它与DOM对象完全不同，唯一相似的是它们都能操作DOM。 通过jQuery处理DOM的操作，可以让开发者更专注业务逻辑的开发，而不需要我们具体知道哪个DOM节点有那些方法，也不需要关心不同浏览器的兼容性问题，我们通过jQuery提供的API进行开发，代码也会更加精短。查看全部
举报
0/150
提交
取消