1.入口函数
$(document).ready(function(){})
$(function(){})
$(window).ready(function(){})
2.$===jQuery
3.CSS样式
selector.css({"width":100,"height":100,"background":"red"});
selector.css("width",100);
4.js对象转换成jquery对象  $(js对象)jquery对象转换成js对象  (1)jquery对象[0]   (2)jquery对象.get(索引值)
5.案例(1)varjqdiv=($div);jqdiv.css("background","black");(2)varjqdiv=($div);for(var i=0;i<jqdiv.length;i++){jqdiv[i].style.backgroundColor="black";}
6.层级选择器$("ul li")子子孙孙    $("ul>li")子代
7.筛选选择器find:在jq对象后代查找ul.find("li").css("backgroundColor","red");不写参数获取所有子元素console.log(ul.children());从jquery对象的子代中查找ul.children("li").css("backgroundColor","red");查找所选元素中第几个元素console.log(ul.children("li").eq(1));eq():从jquery对象的子代中查找该索引值的元素,从0开始ul.children().eq(1).css("backgroundColor","red");prev():该元素的上一个兄弟元素ul.().children().eq(0).prev().css("backgroundColor","red")next():该元素的下一个兄弟元素ul.children().eq(0).next().css("backgroundColor","red");siblings():该元素的所有兄弟元素,除去自己以外ul.children().eq(1).siblings().css("backgroundColor","red");parent():某元素的父元素ul.children().eq(0).parent().css("backgroundColor","red");
8.$(this).index()相对于同胞元素的位置,俗称索引值
9.设置多个样式$(selector).css({"width":100,"height":100})设置多个样式$(selector).css("background","red")获取样式$(selector).css("background")
10.类操作$(selector).addClass("current");删除类$(selector).removeClass("current")判断类$(selector).hasClass("current")  有:true 无:false切换类$(selector).toggleClass("current")
11.show(执行时间,function(){})显示hide(执行时间,function(){})隐藏toggle(执行时间,function(){})切换
12.slideUp(时间,function(){})向下滑入,通过改变高度slideDown(时间,function(){})向上滑出slideToggle(时间,function(){})切换
13.fadeIn(时间,function(){})淡入   通过控制透明度fadeOut(时间,function(){})淡出fadeToggle(时间,function(){})切换fadeTo()(时间,透明度,function(){})14.创建节点$("<li class='aa'>我是li标签</li>");$("ul").html("<li>我是li标签</li>")
15.添加节点$("ul").append(newLi);newLi.appendTo($("ul"));  在盒子末尾添加$("ul").prepend(newLi);newLi.prependTo($("ul"));在盒子最前边添加
16.$("li").before(newLi);$("li").after(newLi)在兄弟元素之前或之后添加
17.清空节点$("ul").html("");    $("ul").empty();删除元素  自杀式$("li").eq(0).remove()$(this).parent().children("div").remove();
18.复制节点var Newul=$("ul").clone();$(".box").append(Newul);
19.属性操作$("div").attr("aaa","111");两个参数表示设置该属性的值    可以添加到标签上$("div").attr("aaa");一个参数表示获取该属性值
20.移出属性$("div").removeAttr("class")选择要移出的属性,必须
21.$("checkbox").click(function(){console.log($(this).prop("checked"));选中时输出true,取消时输出false})
22.在设置checked,等时候,要用prop()方法$("checkbox").prop("checked",true);
23.获取状态值,返回true或false$("checkbox").prop("checked");
24.val()获取标签的value属性的值,带参数表示设置text()获取文本值html()获取文本值,识别标签
25.获取高度$("div").height()   设置高度$("div").height(200)获取宽度$("div").width()    设置宽度$("div").width(200)获取边距. innerWidth()获取内边距和内容宽度 outerwidth获取内边距+边框+内容宽度
26.距离页面最顶端或者最左侧的距离和定位无关$("div").offset().top;$("div").offset().left设置距离,和定位没有关系$("div").offset({"top":100,"left":100})距离父系盒子中带有定位的盒子的距离(获取的就是定位值,和margin/padding无关)$("div").position().top$("div").position().left设置距离$("div").position().top="100px"$("div").position().left="100px"获取被卷去的头部$(window).scrollTop()设置卷去的距离$(window).scrollLeft(100)
27.绑定事件这种绑定事件不会层叠掉$(document).click(function(){alert(1);})$(document).click(function(){alert(2);})bind不推荐,1.7以后不使用,可以同时绑定多个事件$(document).bind("click mouseenter",function(){alert(1);})$(document).bind("click mouseenter",function(){alert(2);})delegate支持动态创建出来的元素绑定事件$(document).delegate("div","click mouseenter",function(){\alert(1)})on$(document).on("click mouseenter","div",{"name",11},function(event){alert(event.data.name)})
28.事件解绑$("div").unbind("click")$("div").delegate("click")$("div").off("click")
29.end(),prevAll(),nextAll()使用$(this).text(have).prevAll("li").text(have).end().nextAll("li").text(none);
30.$("ul li").each(function (index,element){$(element).css("opacity",(index+1)/10);
   })
31.$(this).index()  相对于同胞元素的位置,俗称索引值
32.$(".div").fadeIn(1000).delay(1000).fadeOut(1000)
33.$.each(数组,function(i,value){})
$("ul li").each(function (index,element) {$(element).css("opacity",(index+1)/10);
});
34.获取自定义属性
$(selector).data("pid");

转载于:https://www.cnblogs.com/zmyxixihaha/p/11270735.html

jQuery常用语法总结相关推荐

  1. jQuery插件之【jqGrid】常用语法整理-【更新】

    jqGrid常用语法整理,包含数据获取.常用函数.触发事件等 jqGrid表格数据获取相关语法 获取表格所有数据  $("#grid").jqGrid("getRowDa ...

  2. 前端jQuery基本语法

    jQuery基础语法 #不管找什么标签,用什么选择器,都必须要写$(""),引号里面再写选择器,通过jQuery找到的标签对象就是一个jQuery对象,用原生JS找到的标签对象叫做 ...

  3. 【前端基础】20.JQuery基本语法

    视频 目录 1.jQuery概述 1.1 JavaScript库 1.2 jQuery的概念 2.jQuery的基本使用 2.1 jQuery的下载 2.2 jQuery的使用步骤 2.3 jQuer ...

  4. thymeleaf模板html a标签,Thymeleaf常用语法:模板片断

    Thymeleaf常用语法:模板片断 系统中的很多页面有很多公共内容,例如菜单.页脚等,这些公共内容可以提取放在一个称为"模板片断"的公共页面里面,其它页面可以引用这个 " ...

  5. 1.jQuery基础语法 2.jQuery选择器、操作页面文档元素 3.jqueryDOM操作 4.jqueryCSS操作 5.Jquery事件 6.Jquery动画...

    这周的学习让我初步了解到JQuery作为js库的封装的伟大性.Write less Do more 才是我们真正应该做到的! 1.jQuery基础语法 · 链式编程 $("#div1&quo ...

  6. Markdown通用的常用语法说明

    前言 Markdown 是一种轻量级的 标记语言,语法简洁明了.学习容易,还具有其他很多优点,目前被越来越多的人用来写作使用. Markdown具有一系列衍生版本,用于扩展Markdown的功能(如表 ...

  7. jsp 4种常用语法3个编译指令7个动作指令

    4种常用语法: 注释:<%--注释--%> 声明:<%!声明部分%> 输出:<%=%> 脚本:可以包含任何java可执行代码.例 <% for(int i=0 ...

  8. [转]C++/CLI与C#常用语法对比

    [转]C++/CLI与C#常用语法对比 Kenny Kerr 一篇名为C++: The Most Powerful Language for .NET Framework Programming文章中 ...

  9. 每天学一点儿shell:Shell的常用语法规则

    文章目录 Shell 参数传递 Shell 数组 Shell 基本运算符 算数运算符 关系运算符 布尔运算符 逻辑运算符 字符串运算符(重点) 文件测试运算符 Shell 常用语法 Shell 函数 ...

最新文章

  1. C#中使用WCF一些常见问题及解决方案
  2. 基于textureview编写opengl程序
  3. CCF CSP 201612-1中位数(满分代码)
  4. pandas apply()函数参数 args
  5. google怎么做(3.搜索结果重排序)
  6. IPv6转换服务正式发布
  7. python 灰度改二值,Python Image 对验证码进行灰度和二值法处理 去掉边框
  8. Linux: Shell编程基础
  9. 苹果今年将为iPhone采购1.72亿块OLED屏幕 六成用于iPhone 13
  10. Java语言的基础知识6
  11. 【漏洞复现】内网实战-Sunlogin RCE 向日葵远程代码执行
  12. 如何解决电脑横屏问题
  13. vr全景拍摄教程,怎样拍摄vr全景照片?
  14. 论文阅读—《Fuzzy Reinforcement Learning Algorithm for the Pursuit-Evasion Differential Games 》
  15. GitHub+JenKins集成Python自动化测试脚本
  16. java pdf转图片base64,itextpdf 实现html转pdf中中文及图片base64的解决方法
  17. CMake基础教程(18)find_path查找文件路径
  18. 我对“什么是程序(Program)”的理解
  19. 7-3 计算油费 (10 分)
  20. 虚拟机测试服务器最大带宽,利用VMware ESXi测量网络延迟 你了解多少

热门文章

  1. java中引用类型作形参_阿花宝宝 Java基础笔记 之 引用类型作为参数
  2. 使用公用计算机的用户如何,如何通过设置权限来管理公用电脑?
  3. php脚本判断页面刷新,javascript判断网页是关闭还是刷新
  4. 决策树(八)--随机森林及OpenCV源码分析
  5. C语言:编写函数,通过一个指针将一个字符串反向
  6. 小白记事本--学不明白还怕忘记指针--loading未完待续
  7. 计算机电竞方向,关于电竞专业的就业方向
  8. Hive 复杂数据类型之map
  9. Hive自定义函数入门实例
  10. GIVE root password for maintenance