jquery选择器 | 易学教程

Jquery知识点总结(一)

阅读更多关于 Jquery知识点总结(一)

jquer对象和DOM对象互转 dom---> jquery 通过$包装, var a = $(dom) jQuery---> dom jQuery本身是一个数组 $ (dom)[0] 页面加载完成两种方式的不同 $( function(){} ); -- 可以顺序执行不同的内容 window.onload = function(){} --前一个执行内容将被最后加载函数覆盖 JQ的函数: 属性操作函数 setAttribute(属性名,属性值) getArrtibute(属性名) JQ: attr(属性名,属性值)设置属性 attr(属性名) 获取属性值样式: 改变样式属性 $("#one").attr("class","second"); 增加样式 $("#one").addClass("second"); 删除样式 $("#one").removeClass(); 样式转换 $("#one").toggleClass("second"); jquer的子节点可以自杀 $("#bj").remove(); 父节点可以清空所有子节点 $("#city").empty(); //把数组中的dom对象包装成jquery对象 alert($($inputs[i]).val()); 全选全不选 $("input[calss='itemSelect']").prop("checked"

JQuery基础

阅读更多关于 JQuery基础

JQuery官方网站 http://jquery.com/ 1 、 JQuery 概念 A、Jquery是一个优秀的Javascript框架。它是轻量级的js库，它兼容CSS3，还兼容各种浏览器，jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。 B、JavaScript的缺点:控件的操作方式不统一，不同浏览器容易出观兼容问题。为了简化操作，出现了许多对JavaScript封装的函数库比如Prototype、JQuery等。 C、JQuery的优点:小巧、方便、功能强大。插件丰富、开源、免费。 D、VS在VS2010中已经实现自动完成功能，VS2008需要安装VSSP1补丁和VS90SP1-KB958502-X86补丁才能更好的支持，然后引用jquery-1.4.1.js，jquery-1.4.1-vsdoc.js放在同目录下，VS2008中才会有自动提示和自动完成功能。 E、JQuery文件说明:

jQuery基本语法

阅读更多关于 jQuery基本语法

jQuery 是 JavaScript 的一个函数库。方便、主流 jQuery的开发步骤：（1）导入jQuery 库（2）在 <script src="../js/jquery-3.1.0.min.js" type="text/javascript"></script> <script> $(function(){ 写jQuery代码； }); </script> （3）jQuery对象 vs DOM对象 1.jQuery对象和 DOM对象不可混用，不能使用另一方的属性和方法 2.jQuery对象是一个 DOM数组对象。所以可以用下标的方式转为 DOM对象 var $btn = $("button"); var btn = $btn[0]; 3.jQuery对象使用 $() 包装 DOM对象后产生的对象例：进行遍历的时候（jQuery对象遍历的方式使用 each，在each 内部的 this 是正在得到的 DOM 对象，而不是一个 jQuery对象。） $("select : seclected").each(function(){ //alert(this.value); 如果想用jQuery的属性和方法，用$() 包装起来。 alert( $(this) .value); }); （4）jQuery 选择器（综合使用，威力巨大）选取被选中的

jQuery学习笔记（一）

阅读更多关于 jQuery学习笔记（一）

　　jQuery版本选择，入口函数，符号冲突，核心函数，对象，实例方法 and 静态方法　　一，版本选择　　一般面对如jQuery这样的文件的版本选择，大多人都会选择当然是版本越高越好，实则非其然也。　　一般选择为 1.x 版本的（当然如果自己用的话，可以用3.x版本）　　　　例如百度，京东等公司就用的 1.x版本　　　　百度 ==> 　　　　京东 ==> 　　　　原因就是：1.x版本的 jQuery兼容IE6-8, 而高版本却抛弃了这一特性　　　　至于是用压缩版本还是未压缩版本　一般做项目的时候 ==> 用未压缩的版本原因：易于阅读一般项目上线的时候 ==> 用压缩的版本原因：节省空间（降低成本）　　二， jQuery入口函数和原生JS入口函数　　　 a. 原生JavaScript 的入口函数 1 windows.onload = function (ev) {2 3 } 　　　 b. jQuery 的入口函数（四种写法） 1 $(document).ready(function () { }) 1 jQuery(document).ready(function 2 (){ 3 4 }) 　　❤（最简洁，企业开发推荐使用下面这种） $(function () { }) jQuery(function () { }) 　　　　两者之间的区别

jQuery核心函数

阅读更多关于 jQuery核心函数

$() 就代表调用jQuery的核心函数1、接收一个函数(函数入口) $(function () { alert("hello "); });2、接收一个字符串2.1接收一个字符串选择器$(".class")返回jQuery对象，对象中保存了找到的DOM元素2.2接收一个字符串代码片段$("<p></p>")返回jQuery对象，对象中保存了创建的DOM元素2.3接收一个dom对象会被包装成一个JQuery对象返回给我们var $span = document.getElementsByTagName("span")[0];console.log($($span)); 来源： https://www.cnblogs.com/yaoqingzhuan/p/11067170.html

jQuery之选择器

阅读更多关于 jQuery之选择器

一：基本选择器 1. #id:根据给定的id选择元素, 返回单个元素，例如$(“#test”),选取id为test的元素 2. .class：根据给定的类名匹配元素，返回集合元素,$(“.test”),选取所有class为test的元素 3. element:更加给定的元素名匹配元素，返回集合元素,$(“p”),选取所有的p元素 4. *：匹配所有元素，$(“*”),选取所有元素 5. selector1,selector2…selectorN,将每一个选择器匹配到的元素合并后一起返回$(“div,span,p.myclass”)选取所有<div>,<span>和拥有class为myclass的<p>的一组元素二：层次选择器返回的都是集合元素 <body> <div class="one" id="one"> id为one，class为one的div </div> <div class="one" id="two" title="test"> id为one，class为two，title为test的div <div class="mini" title="other">class为mini,title为other</div> <div class="mini" title="test">class为mini,title为test</div> </div> <div class

jquery 选择器

阅读更多关于 jquery 选择器

jquery学习 css选择器: 1.ID选择器 $('#box') 2.类选择器 $('.box1') 3.标签选择器 $('div') 4.统配符(*选择器) $('*') 5.群组选择器 $('#box,.box1') 6.后代选择器 $('#box span') 7.组合选择器 $('#box,.box1,p') 8.相邻兄弟选择器 $('#box+div') 9.子元素选择器 $(#box>.box1) 10.后兄弟选择器 $(#box~div) 基本过滤选择器： eq(index)选取索引等于index的元素（index从0开始） gt(index)选取索引大于index的元素不包括该元素 lt(index)选取索引小于index的元素不包括该元素 even() 选取所有的偶数索引从0开始 odd() 选取所有的奇数数索引从1开始 next() 选取紧邻的下一个同级元素这是一个方法$().next() prev() 选取紧邻的上一个同级元素 not(index) 选取不是类名不是index的元素内容过滤选择器：contains() 选中包含文本元素包括父级祖先级外部用"" 内部用'' empty 选中不包含子元素和文本的元素 parent() 选中包含子元素和文本的元素 has() 选中含有匹配的元素的元素属性过滤选择器： [attr] 选取

jQuery选择器概述

阅读更多关于 jQuery选择器概述

1、基本选择器： 1） #id : 根据给定的id匹配一个元素； 2） .class: 根据给定的类名匹配元素； 3）element: 根据给定的元素名匹配元素； 4）* ：匹配所有元素； 5）selector1,selector2,...,selectorN: 将每个选择器匹配到的元素合并后一起返回 2、层次选择器： 1） $("ancestor descendant") : 选取ancestor元素里的所有descendant（后代）元素；如：$("div span")选取<div>里的所有的<span>子元素 2） $("parent>child"): 选取parent元素下的所有child元素，与 $("ancestor descendant")有区别， $("ancestor descendant")选择的是后代元素；如：$("div>span")选取<div>元素下元素名是<span>的子元素 3） $("prev + next"): 选取紧接在prev元素后的next元素；如：$(".one+div") 选取class为one的下一个<div>同辈元素可使用next()方法代替，如：$(".one")。next("div"); 4） $("prev ~ siblings"): 选取prev元素之后的所有siblings元素如：$("two ~ div"

JQuery一些简单常用的方法

阅读更多关于 JQuery一些简单常用的方法

申请了博客，却不知道写点啥，因为本人是一只菜鸟，所以也不敢在各位大虾们面前show一些皮毛的小东东，现在也顾不了那么多了，我就是想在这里做一些学习用的笔记，呵呵。希望各位师傅们莫要见笑，以后多多希望各位指教。最近在学习JQuery。因为在以后的工作中可能要用到，由于刚学习不久，了解的也只是一些皮毛的东西，但是好记性不如把它记录下来，因此今天有兴在这里总结了一下，各位不要见笑哦！ JQuery实际上就是对js的一个封装我认为，是一个JavaScript函数库，此函数库主要包括的有： ~Html元素选取 ~Html元素操作 ~CSS操作 ~HTML时间函数 ~JavaScript特效和动画 ~HTML DOM遍历和修改 ~Ajax ~Utilities 在使用JQuery的过程中，怎样使用呢，首先要向页面中添加JQuery库 JQuery库位于js文件中，可以通过下面的标记将把JQuery添加到网页中 <head> <script type="text/javascript" src="jquery.js"></script><!--注意一定要放到head标签中> </head> 引入了库，下面就是一些简单的用法了，首先来记录几个简单的常用的实例。 1.JQuery的hide（）函数，隐藏了html文档中的所有元素 <html> <head> <script type="text

jQuery入门

阅读更多关于 jQuery入门

jQuery是什么说白了jQuery是一个js库当然了除了这个库之外，我们还有跟多的库，比如：Prototype、YUI、Dojo、Ext JS、移动端的zepto等目的就简洁的，快速的开发学习jQuery本质：就是学习调用这些函数（方法）。 1.jQuery的优点轻量级。核心文件才几十kb，不会影响页面加载速度。跨浏览器兼容，基本兼容了现在主流的浏览器。链式编程、隐式迭代。对事件、样式、动画支持，大大简化了DOM操作。支持插件扩展开发。有着丰富的第三方的插件，例如：树形菜单、日期控件、轮播图等。免费、开源。 2.jQuery如何使用呢？首选你要去下载在你的scrpit标签中（末尾）引入这个文件，当然了你也可以在加载的时候在页面头部引入,比如你使用windows.load.....，不过在jquer中有更好的解决方案最简单的使用 $('div').hide(),//隐藏盒子特别要说明的一点是：jQuery有一些兼容的小问题，但.....你不用去管它 3.正式的开始使用它 3.1入口函数这个就是一个人入口函数，相当于 DOMContentLoaded等待dom结构加载完再去执行js代码 // 第一种: 简单易用。 $(function () { ... // 此处是页面 DOM 加载完成的入口 }) ; // 第二种: 繁琐，但是也可以实现 $

订阅 jquery选择器