JQuery入门一
1.为什么要用jquery? 写起来简单,省事,开发效率高,兼容性好 2、什么是jQuery? jQuery是一个兼容多浏览器的JavaScript库 3、如何使用jQuery? 1、导入 <script src="jquery-x.x.x.js"></script> 或者<script src="jquery-x.x.x.min.js"></script> 2、语法规则:$("") 4、JS和jQuery的区别? jQuery就是用JS写的 js是基础,jQuery是工具 5、jQuery介绍 - 版本 - 1.x 兼容IE8。。。 - 3.x 最新 - .min.xx 压缩的:生产环境用 - 没有压缩的(没有.min.xx):开发用 6、 jQuery知识点 html:裸体的人 css:穿了衣服的人 JS:让人动起来 7、选择器: 1、基本选择器 - ID选择器 $("#id的值") - 类选择器(class) $(".class的值") - 标签选择器(html标签) $("标签的名字") - 所有标签 $("*") - 组合选择器 $("xx,xxx") 2、层级选择器 - 从一个标签的子子孙孙去找 $("父亲 子子孙孙") - 从一个标签的儿子里面找 $("父亲>儿子标签") - 找紧挨着的标签 $("标签+下面紧挨着的那个标签") - 找后面所有同级的 $("标签~兄弟") 8、jQuery对象: - 用jQuery选择器查出来的就是jQuery对象 - jQuery对象,他就可以使用jQuery方法,不能使用DOM的方法 - DOM对象和jQuery对象转换: - $(".c1")[0] --> DOM对象 - $(DOM对象) 9、筛选器 - 写在引号里面的 基本筛选器 $(" :first") 找第一个 $(" :not(\'\')") 不是/非 $("#i1>input":not(\'.c1,.c2\')) $(" :even") 偶数 $(" :odd") 奇数 $(" :eq(index)") 找等于index的 $(" :gt(index)") 找大于index的 $(" :lt(index)") 找小于index的 $(" :last") 最后一个 $(" :focus") 焦点 内容========== $(" .c1:contains(\'我是第一个\')") 包含文档的内容的标签 $(" :empty") 标签内容为空的 $(" :has("标签名") 包含标签的标签 $(" :parent") 找有孩子的父亲 $("#i7").parent() 找i7的父亲 可见性======== $(" :hidden") 找到隐藏的 $(" :visible") 找不隐藏的,也就是显示的 属性========== input[name] --> 找有name属性的input input[type=\'password\'] --> 类型是password的input标签 表单========== :input :password :checkbox :radio :submit :button :image :file 表单对象属性========= :enable 可选的 :disable 不可选 :checked 选中的 :selected 下拉框选中 - 写在信号外面当方法用的 过滤=========== $("").first() 找第一个 $("").parent() 找父亲 $("").eq(index) 找等于index的 .hasClass() 判断有没有某个类的 查找 .children() 找孩子 .find() 查找 .next() 下面的 .nextAll() 下面所有的 .nextUntil() 找下面的直到找到某个标签为止 .parent() 找父亲 .parents() 找所有的父亲 .parentsUntil() 直到找到你要找的那个父亲为止 .prev() 上面的 .prevAll() 上面的所有 .prevUntil() 上面的直到找到某个标签为止 .siblings() 所有的兄弟 - toggleClass() 切换|开关:有就移除,没有就添加 - addClass("hide") 添加类 - removeClass("hide") 删除类
版权声明:本文为xiao-xue-di原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。