![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Jquery
我叫阿狸猫
这个作者很懒,什么都没留下…
展开
-
jQuery-Ajax之load
jQuery的Ajax:JQuery 对 Ajax 操作进行了封装, 在 jQuery 中最底层的方法时 $.ajax(),第二层是 load(), $.get() 和 $.post(), 第三层是 $.getScript() 和 $.getJSON()load():1.load()方法是 jQuery 中最为简单和常用的 Ajax 方法, 能载入远程的原创 2013-07-30 22:53:53 · 1057 阅读 · 0 评论 -
jQuery-Ajax之加载XML文件
jQuery-Ajax之get()和post():JQuery 可以通过 $.get() 或 $.post() 方法来加载 xml.JQuery 解析 XML 与解析 DOM 一样, 可以使用 find(), children() 等函数来解析和用 each() 方法来进行遍历练习:被加载的xml文件 长春 吉林市原创 2013-07-31 00:12:14 · 927 阅读 · 0 评论 -
jQuery选择器之过滤选择器之子元素过滤选择器
过滤选择器之子元素过滤选择器1、:nth-child(index/even/odd/equation)用法: $(”ul li:nth-child(2)”) 返回值 集合元素说明: 匹配其父元素下的第N个子或奇偶元素.这个选择器和之前说的基础过滤(Basic Filters)中的 eq() 有些类似,不同的地方就是前者是从0开始,后者是从1开始.2、:firs原创 2013-07-30 10:39:17 · 948 阅读 · 0 评论 -
jQuery选择器之基本选择器
基本选择器:基本选择器是 jQuery 中最常用的选择器, 也是最简单的选择器, 它通过元素 id, class 和标签名来查找 DOM 元素(在网页中 id 只能使用一次, class 允许重复使用).1.#id 用法: $(”#myDiv”); 返回值 单个元素的组成的集合(表示只有一个元素)说明:这个就是直接选择html中的id="myDiv"的元素原创 2013-07-29 16:58:08 · 845 阅读 · 1 评论 -
jQuery选择器之过滤选择器之基础过滤选择器
过滤选择器之基础过滤选择器过滤选择器主要是通过特定的过滤规则来筛选出所需的 DOM 元素, 该选择器都以 “:” 开头按照不同的过滤规则, 过滤选择器可以分为基本过滤, 内容过滤, 可见性过滤, 属性过滤, 子元素过滤和表单对象属性过滤选择器.1、:first 用法: $(”tr:first”) ; 返回值 单个元素的组成的集合说明: 匹配找到的第一个元素原创 2013-07-29 20:26:10 · 913 阅读 · 0 评论 -
jQuery选择器之过滤选择器之内容过滤选择器
过滤选择器之内容过滤选择器内容过滤选择器的过滤规则主要体现在它所包含的子元素和文本内容上1、:contains(text) 用法: $(”div:contains(’John’)”) 返回值 集合元素说明: 匹配包含给定文本的元素.这个选择器比较有用,当我们要选择的不是dom标签元素时,它就派上了用场了,它的作用是查找被标签”围”起来的文本内容是否符合指定的内容原创 2013-07-29 20:58:58 · 781 阅读 · 0 评论 -
jQuery选择器之过滤选择器之属性过滤选择器
过滤选择器之属性过滤选择器属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素1、[attribute] (表示带有attribute属性的元素,attribute不是属性值)用法: $(”div[id]“) ; 返回值 集合元素说明: 匹配包含给定属性的元素. 例子中是选取了所有带”id”属性的div标签.2、[attribute=value] (原创 2013-07-29 22:50:59 · 1199 阅读 · 0 评论 -
使用jQuery出错的地方
1.:first和first-childfirst:匹配找到第一个元素first-child:匹配第一个子元素例如:有两个class为one的元素 class是 mini******222 class是 one title="test02" 2222 class是 mini01 cdddddddlass是 mini当使用firs原创 2013-07-31 09:45:23 · 1353 阅读 · 1 评论 -
jQuery的validate验证插件使用方法
1.导入validate.js文件注意:*validate.js必须在jQuery.js文件之后导入,因为验证框架里需要用到jQuery.js中定义的方法*如果先导入jQuery.js再导入validate.js 再次导入jQuery.js也不行。因为验证框架里会将某些方法进行扩展,而后又一次导入jQuery.js会将扩展的方法覆盖。2.指定要验证的组件注意:原创 2013-08-15 13:10:45 · 1587 阅读 · 0 评论 -
jquery获取复选框是否勾选
$("#test2").unbind("click"); $("#test2").bind("click",function(){ alert($("#check").is(":checked"));});(":chceked")是表单对象的属性过滤器匹配所有选中的被选中元素(复选框、单选框等,不包括select中的option).原创 2013-11-19 12:32:44 · 1487 阅读 · 0 评论 -
jQuery选择器之层次选择器
层次选择器如果想通过 DOM 元素之间的层次关系来获取特定元素, 例如后代元素, 子元素, 相邻元素, 兄弟元素等, 则需要使用层次选择器。1 、ancestor descendant用法: $(”form input”) ; 返回值 集合元素说明: 在给定的祖先元素下匹配所有后代元素.这个要下面讲的”parent > child”区分开. 这个是匹配所有子孙原创 2013-07-29 17:38:37 · 906 阅读 · 0 评论 -
Jquery自定义插件
/** * alert插件 */(function($){ //全局的(不需要用到页面上标签对象)插件// $.xxc_alert = function(alertJson){// alert(alertJson.message);// alertJson.callBack();// }; //局部的(需要用到页面上标签对象) $.fn.xxc_alert = funct原创 2013-10-29 16:18:04 · 925 阅读 · 0 评论 -
jQuery实现全选,全部选,反选
状态 用户名 赵 钱 孙 李 周 $("input[type=button]:eq(0)").click(function(){ $("input[type=checkbox]").attr(原创 2013-07-31 14:45:23 · 843 阅读 · 0 评论 -
jQuery选择器之过滤选择器之表单对象属性过滤选择器
过滤选择器之表单对象属性过滤选择器此选择器主要对所选择的表单元素进行过滤1、:enabled用法: $(”input:enabled”) 返回值 集合元素说明: 匹配所有可用元素.意思是查找所有input中不带有disabled=”disabled”的input.不为disabled,当然就为enabled啦.2、:disabled用法:原创 2013-07-30 11:24:04 · 1061 阅读 · 0 评论 -
jQuery选择器之过滤选择器之可见度过滤选择器
过滤选择器之可见度过滤选择器可见度过滤选择器是根据元素的可见和不可见状态来选择相应的元素1、:hidden 用法: $(”tr:hidden”) 返回值 集合元素说明: 匹配所有的不可见元素,input 元素的 type 属性为 “hidden” 的话也会被匹配到.意思是css中display:none和input type=”hidden”的都会被原创 2013-07-29 22:09:32 · 941 阅读 · 0 评论 -
jQueryDom操作之内部插入节点
1.append(content) :向每个匹配的元素的内部的结尾处追加内容2.appendTo(content) :将每个匹配的元素追加到指定的元素中的内部结尾处3.prepend(content):向每个匹配的元素的内部的开始处插入内容4.prependTo(content) :将每个匹配的元素插入到指定的元素内部的开始处练习:原创 2013-07-30 13:29:46 · 833 阅读 · 0 评论 -
jQueryDom操作之外部插入节点
1.after(content) :在每个匹配的元素之后插入内容 2.before(content):在每个匹配的元素之前插入内容 3.insertAfter(content):把所有匹配的元素插入到另一个、指定的元素元素集合的后面 4.insertBefore(content) :把所有匹配的元素插入到另一个、指定的元素元素集合的前面 练习原创 2013-07-30 13:45:20 · 889 阅读 · 0 评论 -
jQueryDom操作之查找节点
查找节点: 查找属性节点: 通过 jQuery 选择器完成.查找属性节点: 查找到所需要的元素之后, 可以调用 jQuery 对象的 attr() 方法来获取它的各种属性值练习: ddd div,span{ width: 140px; height: 140px; margin原创 2013-07-30 13:56:02 · 1156 阅读 · 0 评论 -
jQueryDom操作之删除节点
删除节点:remove(): 从 DOM 中删除所有匹配的元素, 传入的参数用于根据 jQuery 表达式来筛选元素. 当某个节点用 remove() 方法删除后, 该节点所包含的所有后代节点将被同时删除. 这个方法的返回值是一个指向已被删除的节点的引用.empty(): 清空节点 – 清空元素中的所有后代节点(不包含属性节点).练习: ddd原创 2013-07-30 14:35:30 · 1231 阅读 · 0 评论 -
jQuery选中多选框和单选框和下拉框
Untitled Document 1号 2号 3号 1号 2号 3号 4号 5号 6号 复选1 复选2 复选3 复选4 单选1 单选2 单选3 // $("inp原创 2013-07-30 16:55:08 · 1896 阅读 · 0 评论 -
jQueryDom操作之创建节点
创建节点: 使用 jQuery 的工厂函数 $(): $(html); 会根据传入的 html 标记字符串创建一个 DOM 对象, 并把这个 DOM 对象包装成一个 jQuery 对象返回。注意: 动态创建的新元素节点不会被自动添加到文档中, 而是需要使用其他方法将其插入到文档中; 当创建单个元素时, 需注意闭合标签和使用标准的 XHTML 格式. 例如创建一个元素, 可以使用 $原创 2013-07-30 14:26:20 · 921 阅读 · 0 评论 -
jQuery简单动画
收缩展开效果 收缩展开效果 1 2 3 4 5 收缩展开效果 1 2 收缩展开效果 1 2 $("h1").each(function(index,domEle){原创 2013-07-30 17:13:57 · 793 阅读 · 0 评论 -
Jquery概要
什么是jQuery对象?jQuery对象就是通过jQuery包装DOM对象后产生的对象。注:虽然jQuery对象是包装DOM对象后产生的,但是jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法,否则会出错。约定:如果获取的是jQuery对象,那么要在变量前面加上$例:将DOM对象转换成jQuery对象 var userNa原创 2013-07-29 16:04:43 · 868 阅读 · 0 评论 -
jQuery表单选择器
过滤选择器之子元素过滤选择器1、:input用法: $(”:input”) ; 返回值 集合元素说明:匹配所有 input, textarea, select 和 button 元素 2、:text 用法: $(”:text”) ; 返回值 集合元素说明: 匹配所有的单行文本框.3、:password 用法: $(”:password”) ; 返回值 集原创 2013-07-30 11:31:08 · 776 阅读 · 0 评论 -
jQuery的获取焦点和失去焦点事件
.myClass{ color:#c0c0c0 } 用户名 //为input元素添加样式 $("input").first().addClass("myClass"); //为input元素添加获取焦点事件 $("input").first().focus(function(){ if ($(t原创 2013-07-31 15:36:27 · 2110 阅读 · 0 评论 -
jQuery-Ajax之get()和post()
jQuery-Ajax之get()和post():$.get() 方法使用 GET 方式来进行异步请求. 它的结构是:$.get(url[, data][, callback][, type]);参数分别是:url:String类型 请求HTML页面的URL地址data(可选):Object类型 发送到服务器的数据,数据格式为jso原创 2013-07-30 23:37:10 · 1141 阅读 · 1 评论 -
jQuery内核,以及自定义each和size方法
jQuery的内核; (function( window, undefined ) { //这就是jQuery的原型 var jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context ); }原创 2013-10-17 00:28:09 · 1496 阅读 · 0 评论