jQuery1.7.1 API手册

本文基于jQuery1.7.1版本，是对官方API的整理和总结，完整的官方API见http://api.jquery.com/browser/

0、总述

jQuery框架提供了很多方法，但大致上可以分为3大类：获取jQuery对象的方法、在jQuery对象间跳转的方法，以及获取jQuery对象后调用的方法

其中第一步是怎样获取jQuery对象。大致来说，是通过最核心的$()方法，将页面上的元素（或者在页面上不存在的html片段）包装成jQuery对象。

$()方法里面支持的语法又包括3大类，分别是表达式（包括类表达式.，id表达式#，元素表达式等）、符号（包括后代符号space，next符号+等）、过滤器（包括:过滤器和[]过滤器）。

通过以上3种的组合，“查询”得到想要操作的元素或者元素集合，作为$()的参数，得到jQuery对象（或者jQuery对象的集合）

第二步是在jQuery对象间的跳转。也就是说，已经得到了一个jQuery对象，但是并不是想要的，那么可以通过一系列的跳转方法，比如parent()、next()、children()、find()等，或者过滤筛选的方法，比如eq()、filter()、not()等，来得到最终想要操作的jQuery对象。

用跳转和过滤方式得到的jQuery结果，往往通过比较复杂的表达式组合，可以达到同样的目的。

比如说$("div").eq(3)，也可以用$("div:eq(3)")达到同样的目的。

又比如说$("div").find("span")，可以用$("div span")取到同样的元素。

方法是很灵活的，要根据具体的情况来选择。一般来说，HTML页面写得越规范，使用jQuery就越简单

还有一种情况，在得到了jQuery()对象之后，想要判断其是否满足条件，那么可以调用is()、hasClass()等方法，返回一个boolean值，进行后续的判断。这类方法也可以归到这类。

第三步是在获取准确的jQuery对象之后，调用其上的各种方法，来进行操作。这一步反而是比较简单的了。

后面就是对jQuery框架各种方法的简要介绍，更详细的内容，还是以官方API为准

1、$(...)

$() 一切的核心，可以跟4种参数

$(expression)，比如$("#id")、$(".class")等，返回jQuery对象，或者jQuery对象的集合
$(html)，比如$("hello world")，返回jQuery对象，或者jQuery对象的集合
$(element)，比如$(document.body)，返回jQuery对象，或者jQuery对象的集合
$(*)，所有元素

2、jQuery Object Accessors

jQuery.index(element)，返回该jQuery对象在集合中的索引

jQuery.each(function)，遍历jQuery对象集合，在每个对象上执行function函数，function callback(index, domElement){this};

jQuery.size()，返回jQuery对象集合的大小

jQuery.length，相当于size()方法

jQuery.get()，获取原生DomElement对象的Array

jQuery.get(index)，获取原生DomElement对象

jQuery.eq(position)，获取jQuery对象集合中的一个jQuery对象

3、Data相关方法

jQuery.data(name)
jQuery.data(name, value)
jQuery.removeData(name)

4、选择符

multiple(selector1, selector2)，可以选择多个元素或者表达式，包装成jQuery对象的集合
例子：$("div,span")

id(id)
例子：$("#id")

class(class)
例子：$(".class")

element(element)
例子：$("div")

all
例子：$("*")

descendant
例子：$("table tr td")

child(parent, child)
例子：$("#id > span")，和上一个descendant的区别在于，descendant只要是后代就会被选中，而child必须是直接子节点，不包括孙子节点

next(prev, next)
例子：$("label + input")，选中的是label标签的下一个input标签，返回jQuery对象的集合

siblings(prev, siblings)
例子：$("#prev ~ div")，选中的是#prev之后的所有div标签，返回jQuery对象的集合，有点像next，但是范围更大

Basic Filters
$(":header")，选中所有header，包括

等
$("tr:odd")，选中所有奇数行
$("tr:even")，选中所有偶数行
$(":animated")，选中所有当前有特效的元素，$("div:animated")，选中当前所有有特效的

$("tr:first")，选中第一行
$("tr:last")，选中最后一行
$("input:not(:checked)")，选中所有没有“checked”的input元素
$("td:gt(4)")，选中所有index是4之后的td
$("td:lt(4)")，选中所有index是4之前的td
$("td:eq(4)")，选中index是4的td，可以用$("td").eq(4)来实现同样的效果

Content Filters
$("div:contains('John')")，选中所有包含"John"字符串的div
$("td:empty")，选中所有内容为空的td
$("div:has(p)")，选中包含有

元素的

元素，返回jQuery对象集合
$("td:parent")，选中所有包含子节点的元素，包括文本也可以算是子节点

Visibility Filters
$("span:hidden")，选中所有隐藏的
$("span:visible")，选中所有可见的

Attribute Filters
$("div[id]")，选中包含id属性的

元素
$("input[name$='letter']")，选中包含某个属性的元素，这个属性名是以'letter'结尾的
$("input[name^='letter']")，选中包含某个属性的元素，这个属性名是以'letter'开头的
$("input[name*='man']")，选中包含某个属性的元素，这个属性的属性名里包含'man'
$("input[name='newsletter']")，选中包含一个属性的元素，这个属性的名字是'newsletter'
$("input[name!='newsletter']")，选中所有不包含'newsletter'属性的元素
$("input[id][name$='man']")，选中包含id属性，和以'man'结尾属性的元素

Child Filters
$("ul li:nth-child(2)")，选中自身是

元素的第二个子节点的
• 元素，注意这个计算是从1开始的，不是从0开始
  $("div span:firstChild")，选中自身是
  元素的第一个子节点的元素
  $("div span:lastChild")，选中自身是

  元素的最后一个子节点的元素
  $("div span:onlyChild")，选中自身是

  元素的唯一子节点的元素
  
  Forms
  $(":button")，所有元素，和元素
  $("form :checkbox")，选中所有

  标签下的，不过这样会比较慢，官方建议使用$("input:checkbox")
  $(":file")，选中所有
  $(":hidden")，选中所有隐藏元素，以及
  $(":input")，选中所有
  $(":text")，选中所有
  $(":password")，选中所有
  $(":radio")，选中所有，不过这样会比较慢，建议使用$("input:radio")
  $(":image")，选中所有
  $(":reset")，选中所有
  $(":submit")，选中所有
  
  Form Filters
  $("input:enabled")，选中所有enabled的元素
  $("input:disabled")，选中所有disabled的元素
  $("input:checked")，选中所有checked的元素
  $("input:selected")，选中所有selected的元素
  
  5、属性相关的方法
  
  jQuery.removeAttr(name)
  jQuery.attr(name)，返回属性的值，比如$("img").attr("src")
  jQuery.attr(key,value)，这是设置属性的值
  jQuery.attr(properties)，也是设置属性的值
  例子：
  $("img").attr({
      src: "/images/hat.gif",
      title: "jQuery",
      alt: "jQuery Logo"
  });
  jQuery.attr(key,function)，也是设置属性的值，这个function计算出的结果，赋给key
  
  function callback(index) {
      // index == position in the jQuery object
      // this means DOM Element
  }
  
  6、class相关的方法
  
  jQuery.toggleClass(class)，反复切换class属性，该方法第一次执行，增加class，然后去除该class，循环
  jQuery.toggleClass(class,switch)，增加一个switch表达式
  jQuery.hasClass(class)，返回boolean
  jQuery.removeClass(class)，删除class
  jQueyr.addClass(class)，增加class
  
  7、HTML相关的方法
  
  jQuery.html()，返回包含的html文本
  jQuery.html(val)，用val替换包含的html文本
  
  8、文本相关的方法
  
  jQuery.text()，返回包含的纯文本，不会包括html标签，比如abcd，调用.text()方法，只会返回abcd，不会返回abcd
  jQuery.text(val)，用val替换包含的纯文本，和html(val)方法的区别在于，所有的内容会被看作是纯文本，不会作为html标签进行处理，比如调用.text("abcd")，和不会被认为是html标签
  
  9、值相关的方法
  
  jQuery.val()，返回string或者array
  jQuery.val(val)，设置string值
  jQuery.val(array)，设置多个值，以上3个方法，主要都是用在表单标签里，如，等
  
  10、在jQuery对象集合中进行过滤
  
  以下几类方法有点像把选择符Filter进行方法化，比如$("label:eq(4)")，取到第4个元素，这个就可以用$("label").eq(4)来替代，达到同样的效果
  
  jQuery.is(expr)，返回boolean，比如$(this).is(":first-child")，判断一个元素，是不是其父节点的第一个子节点
  
  jQuery.eq(index)，$("div").eq(2)，取出第2个

  元素
  
  jQuery.filter(expr)，比如$("div").filter(".middle")，会从div元素中筛选出属于middle的class的元素；再比如$("p").filter(".selected, :first")，会取出是selected类，或者是第一个元素的

  元素，这个可以用$("p.class, p:first")来代替
  这个方法，会从初始的结果集中，筛选保留一部分
  
  jQuery.filter(fn)，类似于上一个函数，可以传进去一个function，用这个function的返回值，进行筛选
  function callback(index){
      // index == position in the jQuery object
      // this means DOM Element
      return boolean;
  }
  
  jQuery.not(expr)，是和filter(expr)相反的方法，不是和is(expr)相反的方法。该方法把满足expr的元素给排除掉，比如$("div").not(".green, #blue")，把class是green或者id是blue的元素过滤掉
  
  jQuery.slice(start, end)，从jQuery对象集合中选出一段
  
  11、在jQuery对象之间查找
  
  jQuery.parent(expr)，找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class")
  jQuery.parents(expr)，类似于jQuery.parent(expr)，但是是查找所有祖先元素，不限于父元素
  jQuery.children(expr)，返回所有子节点，和parents()方法不一样的是，这个方法只会返回直接的孩子节点，不会返回所有的子孙节点
  jQuery.contents()，返回下面的所有内容，包括节点和文本。这个方法和children()的区别就在于，包括空白文本，也会被作为一个jQuery对象返回，children()则只会返回节点
  
  jQuery.prev()，返回上一个兄弟节点，不是所有的兄弟节点
  jQuery.prevAll()，返回所有之前的兄弟节点
  jQuery.next()，返回下一个兄弟节点，不是所有的兄弟节点
  jQuery.nextAll()，返回所有之后的兄弟节点
  jQuery.siblings()，返回兄弟姐妹节点，不分前后
  
  jQuery.add(expr)，往既有的jQuery对象集合中增加新的jQuery对象，例子：$("div").add("p")
  
  jQuery.find(expr)，跟jQuery.filter(expr)完全不一样。jQuery.filter()是从初始的jQuery对象集合中筛选出一部分，而jQuery.find()的返回结果，不会有初始集合中的内容，比如$("p").find("span")，是从

  元素开始找，等同于$("p span")
  
  12、串联方法
  
  jQuery.andSelf()，把最后一次查询前一次的集合，也增加到最终结果集中，比如$("div").find("p").andSelf()，这样结果集中包括所有的

  和

  。如果是$("div").find("p")，那就只有

  ，没有

  
  
  jQuery.end()，把最后一次查询前一次的集合，作为最终结果集，比如$("p").find("span").end()，这样的结果集，是所有的

  ，没有
  
  13、DOM文档操作方法
  
  jQuery.append(content)，这个方法用于追加内容，比如$("div").append("hello");
  jQuery.appendTo(selector)，这个方法和上一个方法相反，比如$("hello").appendTo("#div")，这个方法其实还有一个隐藏的move作用，即原来的元素被移动了
  jQuery.prepend(content)，跟append()方法相对应，在前面插入
  jQuery.prependTo(selector)，跟上一个方法相反
  
  jQuery.after(content)，在外部插入，插入到后面，比如$("#foo").after("hello");
  jQuery.insertAfter(selector)，和上一个方法相反，比如$("hello").insertAfter("#foo");
  jQuery.before(content)，在外部插入，插入到前面
  jQuery.insertBefore(selector)，跟上一个方法相反
  
  jQuery.wrapInner(html)，在内部插入标签，比如$("p").wrapInner("");
  jQuery.wrap(html)，在外部插入标签，比如$("p").wrap("

  ")，这样的话，所有的

  都会被各自的

  包裹
  jQuery.wrapAll(html)，类似上一个，区别在于，所有的

  会被同一个

  包裹
  
  jQuery.replaceWith(content)，比如$(this).replaceWith("

  "+$(this).text()+"

  ");
  jQuery.replaceAll(selector)，比如$("

  hello

  ").replaceAll("p");
  
  jQuery.empty()，比如$("p").empty()，这样的话，会把

  下面的所有子节点清空
  jQuery.remove(expr)，比如$("p").remove()，这样的话，会把所有

  移除，可以用表达式做参数，进行过滤
  
  jQuery.clone()，复制一个页面元素
  
  14、CSS相关方法
  
  jQuery.css(name)，获取一个css属性的值，比如$("p").css("color")
  jQuery.css(object)，设置css属性的值，比如$("p").css({"color":"red","border":"1px red solid"});
  jQuery.css(name,value)，设置css属性的值，比如$("p").css("color","red");
  
  15、位置计算相关方法
  
  jQuery.scrollLeft()，设置滚动条偏移，这个方法对可见元素或不可见元素都生效
  jQuery.scrollTop()，设置滚动条偏移，这个方法对可见元素或不可见元素都生效
  jQuery.offset()，计算偏移量，返回值有2个属性，分别是top和left
  jQuery.position()，计算位置，返回值也有2个属性，top和left
  
  16、宽度和高度计算相关方法
  
  这组方法需要结合CSS的盒子模型来理解，margin始终不参与计算
  
  jQuery.height()，这个方法计算的是content
  jQuery.innerHeight()，这个方法计算的是content+padding
  jQuery.outerHeight()，这个方法计算的是content+padding+border
  jQuery.width();
  jQuery.innerWidth();
  jQuery.outerWidth();
  
  17、页面加载完成事件
  
  $(document).ready(function(){})，可以简写为$(function(){})
  
  18、事件绑定方法
  
  jQuery.bind(type,data,fn)
  
  bind()方法可以接受3个参数，第1个是事件类型，类型是string，可能的值有blur, focus, load, resize, scroll, unload, beforeunload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select,
  
  submit, keydown, keypress, keyup, error
  
  第3个参数是当事件发生时，要执行的函数，函数原型是
  function callback(eventObject) {
      this; // dom element
  }
  
  在这个方法里return false会阻止事件冒泡并中止默认行为，如果在这个方法里调用eventObject.preventDefault()则会中止默认行为，如果在这个方法里调用eventObject.stopPropagation()则只会阻止事件冒泡
  
  第2个参数是可选的，会赋值给e.data，比如
  function handler(event) {
      alert(event.data.foo);
  }
  $("p").bind("click", {foo: "bar"}, handler)
  
  jQuery.one(type,data,fn)，这个方法类似于bind()方法，区别在于只会绑定一次
  
  jQuery.unbind(type,fn)，解除绑定
  
  jQuery.trigger(event,data)，触发事件，要注意这个方法，同样会引起浏览器的默认行为，比如submit
  
  另外，这个方法如果和bind()方法里定义的handler配合使用，可以更加灵活地传递参数，比如
  
  $("#test").bind("click", {name : "kyfxbl"}, function(e, foo) {
      alert(e.data.name);
      alert("foo: " + foo);
  });
  
  以上代码，如果直接点击#test，则foo的值是undefined
  
  但是如果通过$("#test").trigger("click",["foo"])来触发，则参数foo会被赋值为"foo"
  
  jQuery.triggerHandler(event,data)，这个方法和trigger()方法十分相像，主要有2点不同，1是这个方法不会触发浏览器的默认行为，2是它只会在jQuery对象集合的第一个元素上触发
  
  jQuery.live(type,fn)，这个方法十分类似jQuery.bind()方法，区别在于这个方法对后来才添加进来的元素同样有效
  
  jQuery.die(type,fn)，这个是jQuery.live()的相反方法
  
  19、事件快捷方法
  
  jQuery.hover(over,out)，这个方法是mouseenter和mouseleave的便捷方法，2个参数的函数原型是：
  function callback(eventObject) {
      this; // dom element
  }
  
  jQuery.toggle(fn,fn2,fn3,...)，这个方法是多次点击的便捷方法，参数的函数原型是：
  function callback(eventObject) {
      this; // dom element
  }
  
  jQuery提供了两类便捷方法：
  
  第一类是类似于click()这种，相当于简化的jQuery.trigger()方法，比如$("p").click()相当于$("p").trigger("click")，不过该方法，无法像完整的jQuery.trigger("click", data)方法一样，传递一个附带的参数
  
  第二类是类似于click(function)这种，相当于简化的jQuery.bind()方法，比如$("p").click(function)相当于$("p").bind("click",function)，不过该方法，无法像完整的jQuery.bind("click", data, func)一样，传递一个额外的参数
  
  20、切换元素显示与否的方法
  
  jQuery.toggle()，原本显示的元素会不显示，原本不显示的会显示出来。这些元素可以是通过show()和hide()切换的，也可以是通过display:none来设置的
  jQuery.show()，显示元素
  jQuery.hide()，隐藏元素
  
  jQuery.show(speed, callback)，类似于上面的jQuery.show()，不过可以设置速度以及回调函数
  speed可以是"slow"、"normal"、"fast"，也可以是毫秒数
  callback函数的原型是：
  function callback() {
      this; // dom element
  }
  jQuery.hide(speed, callback)
  jQuery.toggle(speed, callback)
  
  21、页面一些特效方法
  
  jQuery.slideDown(speed, callback)，让一个元素下滑，从无到有
  jQuery.slideUp(speed, callback)，让一个元素上升，从有到无
  jQuery.slideToggle(speed, callback)，切换一个下滑和上升
  
  jQuery.fadeIn(speed, callback)，淡入效果
  jQuery.fadeOut(speed, callback)，淡出效果
  jQuery.fadeTo(speed, opacity, callback)，变淡效果
  
  22、ajax相关方法
  
  $.ajax(options)，这个是底层方法，上层的$.get()和$.post()都是基于此方法的封装
  
  options:
  
  async：是否异步，默认为true
  url：目标地址
  type：请求类型，可以是"POST"或者"GET"
  data：请求参数，比如"name=kyfxbl&location=shenzhen"
  
  complete(function)：请求结束后的回调函数，函数原型是
  function (XMLHttpRequest, textStatus) {
      this; // the options for this ajax request
  }
  
  success(function)：请求成功后的回调函数，函数原型是
  function (data, textStatus) {
      // data could be xmlDoc, jsonObj, html, text, etc...
      this; // the options for this ajax request
  }
  
  例子：
  $.ajax({
      url : "user/ajax",
      type : "GET",
      data : "name=kyfxbl&location=shenzhen",
      success : function(data, textStatus) {
                    alert(data);
    alert(this.success);
        }
  });
  
  $.get(url, data, callback, type)，$.ajax()的简易方法，用于发送GET请求
  
  url：请求地址
  data：发送到服务端的请求参数
  callback：请求成功后的回调函数，函数原型是：
  function (data, textStatus) {
      // data could be xmlDoc, jsonObj, html, text, etc...
      this; // the options for this ajax request
  }
  
  $.post(url, data, callback, type)，$.ajax()的简易方法，跟$.get()差不多，用于发送POST请求
  
  23、浏览器及特性检测
  
  $.support，可以检测当前浏览器是否支持下列属性，返回boolean。包括boxModel、cssFloat、opacity、tbody等
  $.browser，检测当前浏览器类型，返回一个map，其中可能的值有safari、opera、msie、mozilla
  
  24、数据缓存方法
  
  该类方法是jQuery.data()方法和jQuery.removeData()的另一种形式，增加的elem参数是DOM Element
  
  $.data(elem, name)，取出elem上name的值
  $.data(elem, name, value)，设置elem上name的值为value
  $.removeData(elem, name)，删除elem上的name
  $.removeData(elem)，删除elem上的所有缓存数据
  
  25、工具方法
  
  $.isArray(obj)，检测一个对象是否是数组
  $.isFunction(obj)，检测一个对象是否是函数
  $.trim(str)，去除string的空格
  $.inArray(value, array)，返回value在array中的下标，如果没有找到则返回-1，比如$.inArray(123, ["john",1,123,"f"])将会返回2
  $.unique(array)，去除array中的重复元素，该方法只对DOM Element有效，对string和number无效

你可能感兴趣的:(javascript)

• JavaScript基础-事件基础 難釋懷 javascript开发语言
  在现代Web开发中，交互性是网站用户体验的重要组成部分。通过使用JavaScript，我们可以捕获用户的操作并作出响应，实现动态网页效果。这一切都离不开事件（Events）的概念。本文将介绍JavaScript中事件的基础知识，包括事件类型、如何绑定事件处理器以及一些常见的实践技巧。一、什么是事件？在浏览器环境中，事件是由浏览器生成的通知，表明某种情况已经发生。这些情况可能是用户交互（如点击按钮）
• 在Ubuntu上安装MEAN Stack的4个步骤 ubuntu
  在Ubuntu上安装MEANStack的4个步骤为：1.安装MEAN；2.安装MongoDB；3.安装NodeJS，Git和NPM；4.安装剩余的依赖项。什么是MEANStack？平均堆栈一直在很大程度上升高为基于稳健的基于JavaScript的开发堆栈。名称的意思是指其组件;MongoDB，ExpressJS，Angularjs和NodeJS。第1步：安装MEAN对于此安装，我们将在本指南中使用
• 初探 Threejs 物理引擎CANNON，解锁 3D 动态魅力 伶俜Monster Threejswebgl前端3dthreejscannon.js
  简介Cannon.js是一个基于JavaScript的物理引擎，它可以在浏览器中模拟物理效果。它支持碰撞检测、刚体动力学、约束等物理效果，可以用于创建逼真的物理场景和交互。参考文档官方示例原理Cannon.js使用了欧拉角来表示物体的旋转，而不是四元数。这使得它在处理旋转时更加直观和易于理解。Cannon.js还支持多种碰撞检测算法，包括离散碰撞检测和连续碰撞检测。Cannon.js还支持多种约束
• vue3+springboot电影院售票选座管理系统 qq_3166678367 springboot后端java
  目录本系统(已开发完成)->成品实现截图开发技术本系统支持的技术栈源码获取详细视频演示：文章底部获取博主联系方式！！！！本课题重点核心代码部分展示论文提纲来自指导老师帅的肯定视频演示/源码获取本系统(已开发完成)->成品实现截图开发技术关键技术实现：在Java的开发过程中，可以使用HTML、CSS、JavaScript等前端技术来实现系统的用户界面设计和交互功能。后端可以使用Java语言编写业务逻
• 深入理解 TypeScript 中的迭代器（Iterators）与生成器（Generators） 念九_ysl typescript前端typescript
  一、为什么需要迭代协议？在现代JavaScript/TypeScript开发中，我们经常需要处理各种集合型数据：数组、Map、Set甚至是自定义数据结构。ES6引入的迭代协议（IterationProtocols）正是为了解决统一遍历机制的问题。通过迭代器模式，我们可以：为不同的数据结构提供统一的访问接口实现惰性计算（LazyEvaluation）支持现代语言特性（for...of,扩展运算符等）
• deepseek 对于 Web 前端过去，现在，未来的看法！称未来可能不叫前端工程师... CoderBin_ 与deepseek的对话前端
  一、你对于过去的web前端有什么看法？对早期的Web前端开发（大致在2000年代至2010年代初），可以总结出以下几个关键看法：1.技术原始，但充满探索精神基础技术简单：主要依赖HTML、CSS和原生JavaScript，缺乏现代框架和工具链的支持。兼容性噩梦：不同浏览器（尤其是IE6/7）的渲染差异极大，开发者需要大量Hack代码（如条件注释、CSS滤镜）来适配。创新萌芽：AJAX（2005年）
• 【一起学Rust | Tauri2.0框架】基于 Rust 与 Tauri 2.0 框架实现跨平台二维码扫描应用 金枝玉叶9 程序员知识储备1程序员知识储备2程序员知识储备3rust开发语言后端
  《一起学Rust|Tauri2.0框架》是一个结合Rust语言与Tauri框架开发跨平台应用的教程。Tauri2.0是一个非常适合构建跨平台桌面应用的框架，它让开发者可以使用Web技术（如HTML、CSS、JavaScript）来创建前端，同时利用Rust编写后端逻辑，确保应用运行高效且轻量。在这个教程中，开发者可以学习如何使用Rust与Tauri2.0框架实现一个跨平台二维码扫描应用。具体步骤可
• 使用AI python实现将前端angularjs工程转换成vue工程案例 银行金融科技 前端人工智能python
  以下是一个结合Python和AI技术实现AngularJS到Vue工程迁移的完整案例，包含关键转换策略和代码实现：案例背景目标：将使用AngularJS1.x的电商后台管理系统转换为Vue3工程，主要转换以下部分：模板语法控制器逻辑服务依赖路由配置状态管理原始AngularJS代码片段：javascript//app.jsangular.module('app',['ui.router']).co
• python爬虫 Selenium库安装与使用 范哥来了 python爬虫selenium
  Selenium是一个强大的自动化测试工具，它也可以用来进行网页抓取。与传统的请求库（如requests）不同，Selenium可以模拟真实用户的行为，比如点击按钮、填写表单等，这对于那些依赖于JavaScript动态加载内容的网站来说非常有用。安装Selenium首先确保你的环境中已经安装了Python和pip。然后通过pip安装Selenium：pipinstallselenium如果你使用的
• 在Ubuntu上安装MEAN Stack的4个步骤 Kaede6 技术文章-Linux服务部署ubuntulinux运维
  在Ubuntu上安装MEANStack的4个步骤为：1.安装MEAN；2.安装MongoDB；3.安装NodeJS，Git和NPM；4.安装剩余的依赖项。什么是MEANStack？平均堆栈一直在很大程度上升高为基于稳健的基于JavaScript的开发堆栈。名称的意思是指其组件;MongoDB，ExpressJS，Angularjs和NodeJS。第1步：安装MEAN对于此安装，我们将在本指南中使用
• TypeScript语言的网络编程 俞嫦曦 包罗万象golang开发语言后端
  TypeScript语言的网络编程引言随着现代网络应用程序的不断发展，对编程语言的需求也在不断提高。JavaScript作为前端开发的主要语言，凭借其动态特性和广泛的应用，成为了Web开发的中坚力量。而TypeScript作为JavaScript的超集，逐渐在开发社区中获得了越来越多的关注。其静态类型的特性使得开发者在编写大型应用程序时能够更加得心应手。尤其是在网络编程方面，TypeScript展
• 深度解析ECharts.js：构建现代化数据可视化的利器 斯~内克 WebGLecharts信息可视化前端
  引言：数据可视化的新时代挑战在数字化转型浪潮中，数据可视化已成为企业决策和用户体验的关键环节。面对海量数据的呈现需求，传统表格已无法满足用户对直观洞察的渴求。作为百度开源的JavaScript可视化库，ECharts.js凭借其强大的功能和灵活的扩展性，正在成为前端开发者的首选工具。本文将从核心技术解析、实践指南到性能优化，带您全面掌握这个可视化利器。一、ECharts核心技术架构剖析1.1分层渲
• 三分钟让你搞懂云计算中的CDN是什么？ 云上的阿七 云计算
  随着互联网的快速发展，网站的访问速度和稳定性越来越受到重视。而在众多提升网站性能的技术中，CDN（内容分发网络）无疑是一个非常重要的工具。今天，我们就来聊聊云计算中的CDN是什么，以及它是如何为网站带来显著好处的。CDN是什么？CDN，全称ContentDeliveryNetwork，翻译过来就是“内容分发网络”。它是一种分布式的网络架构，通过将网站的静态资源（如图片、视频、JavaScript文
• Java XML与JSON相互转换详解 我真的不想做程序员 javajavaxmljson开发语言后端数据结构
  目录一、为什么需要XML与JSON转换二、使用Jackson库进行转换1.添加依赖2.XML转JSON3.JSON转XML三、注意事项在现代软件开发中，数据格式的转换是一项常见的任务，特别是在处理不同系统或服务之间的数据交换时。XML（可扩展标记语言）和JSON（JavaScript对象表示法）是两种广泛使用的数据格式。本文将深入探讨如何在Java中实现XML与JSON之间的相互转换，并提供完整的
• 当 Selenium 的 click() /send_keys()等方法失效时：JavaScript 在 UI 自动化测试中的神奇用法 做测试的小薄 测试高阶seleniumjavascriptui自动化测试
  引言在使用Selenium进行WebUI自动化测试时，我们通常依赖Selenium提供的原生方法（如click()、send_keys()等）来操作页面元素。然而，在某些复杂场景下，这些方法可能会失效。例如：元素被遮挡或隐藏。页面加载延迟导致元素无法正常交互。某些特殊的动态行为无法通过Selenium原生方法触发。这时，JavaScript就成为了我们的“救星”。通过driver.execute_
• 超全Java入门学习路线指南 Javaaaaaaaaaaa13 java开发语言前端springspringbooteclipsetomcat
  Java基础入门Java高级阶段数据库和JDBCHtml&JavascriptJsp&ServletStruts2框架讲解Spring框架讲解Hibernate框架讲解流行技术学习1、Java基础入门1、Java入门基础如果你没有任何的编程基础，那么本栏目的内容对你来说是至关重要的。打好基础，以后学习就会一帆风顺了。我们会先讲解了Java程序的开发环境的搭建、编写流程、工作原理等内容，接着学习有关
• JavaScript 性能优化实战【详细指南】 AI筑梦师 JavaScriptjavascript性能优化开发语言
  #JavaScript性能优化实战#JavaScript性能优化实战JavaScript作为现代Web开发的核心技术，其性能优化涉及多个层面，包括计算效率、DOM操作、异步处理、内存管理、网络请求优化等。随着Web发展，越来越多的新技术（如WebAssembly、OffscreenCanvas、StreamsAPI、V8TurboFan优化等）正在提升JavaScript的性能。本指南涵盖从基础优
• 基于 ArkTS 的混合式开发示例：静态页面与本地数据交互 qq_55376032 harmonyos华为鸿蒙
  一、实现效果1、H5段混合式开发效果图2、静态页面与本地数据交互效果图二、技术栈分析ArkTS：用于构建页面结构和逻辑，支持声明式UI和组件化开发。WebView：通过@ohos.web.webview调用H5页面，支持JavaScript交互。资源管理：使用@kit.ArkTS的util模块读取并解析本地JSON文件。自定义对话框：通过@CustomDialog实现自定义弹窗，支持动态数据加载。
• JavaScript基础-获取元素 難釋懷 javascript开发语言
  在Web开发中，使用JavaScript动态地访问和操作网页上的元素是一项基本技能。通过获取页面上的特定元素，我们可以对其进行各种操作，比如修改内容、样式或属性等。本文将详细介绍几种获取DOM元素的方法，并探讨它们的特点及适用场景。一、为什么需要获取元素？在现代Web应用中，交互性是关键。无论是响应用户的输入、更新页面内容还是实现动画效果，首先都需要定位到相关的HTML元素。掌握不同的获取元素的方
• 让人感到疑惑的const 浪裡遊 javascript开发语言ecmascript前端
  const关键字在不同的编程语言中有着不同的含义和限制，但通常它被用来声明一个常量或只读变量。然而，在JavaScript中，const的行为有时可能会让人感到困惑，因为它并不总是意味着“不可变”（immutable）。让我们详细探讨一下这个问题。JavaScript中的const在JavaScript中，当你使用const声明一个变量时，你实际上是创建了一个不能重新赋值的绑定。这意味着一旦给这个
• JavaScript 性能优化实战：数据结构选择对性能的影响 deying0865423 开发语言javascript
  目录数组（Array）特点与适用场景性能短板链表（LinkedList）特点与适用场景性能短板集合（Set）特点与适用场景性能短板映射（Map）特点与适用场景性能短板栈（Stack）与队列（Queue）特点与适用场景性能短板在JavaScript开发中，数据结构的选择如同搭建房屋时选择合适的建筑材料，对程序性能起着决定性作用。合理的数据结构能显著提升代码执行效率，减少资源消耗，反之则可能导致性能瓶
• JavaScript 性能优化实战：优化 DOM 操作提升交互响应 deying0865423 javascript开发语言ecmascript
  目录一、理解DOM操作的性能损耗二、减少DOM操作次数（一）批量操作DOM（二）缓存DOM查询结果三、优化DOM查询（一）使用更高效的查询方法（二）利用事件委托四、减少回流与重绘（一）批量修改样式（二）使用requestAnimationFrame在现代Web应用开发中，JavaScript与DOM（文档对象模型）的交互极为频繁。无论是创建动态界面、响应用户操作，还是更新页面内容，DOM操作都扮演
• JavaScript基础-DOM 简介 難釋懷 javascript开发语言
  在现代Web开发中，JavaScript与HTML和CSS一起构成了网页的核心技术。而在这三者之中，DOM（DocumentObjectModel，文档对象模型）作为浏览器处理网页内容的一种接口，扮演着至关重要的角色。通过DOM，JavaScript能够动态地访问和操作网页的内容、结构以及样式。本文将介绍DOM的基本概念、核心组成部分以及如何使用JavaScript来操作DOM。一、什么是DOM？
• JavaScript 浏览器对象实例 lsx202406 开发语言
  JavaScript浏览器对象实例引言JavaScript作为一种广泛应用于网页开发的脚本语言，提供了丰富的浏览器对象模型（BrowserObjectModel，简称BOM）。BOM使得JavaScript能够与浏览器环境进行交互，从而实现各种动态效果和交互功能。本文将详细介绍JavaScript中的浏览器对象实例，包括其概念、常用对象及其使用方法。一、浏览器对象模型概述浏览器对象模型是JavaS
• JavaScript执行机制 javascript
  大纲1、场景分析2、执行机制相关知识点3、以实例来说明JavaScript的执行机制4、相关概念场景分析/*以下这段代码的执行结果是什么？如果依照：js是按照语句出现的顺序执行这个理念，那么代码执行的结果应该是：//"定时器开始啦"//"马上执行for循环啦"//"执行then函数啦"//"代码执行结束"但结果并不是这样的，得到的结果是：//"马上执行for循环啦"//"代码执行结束"//"执行t
• JavaScript 高频面试题 好运连连女士 JavaScriptjavascript
  文章目录JavaScript手写防抖和节流CommonJS和ES6模块的区别this指向问题，如何修改this指向引申1:模拟bind引申2：为什么多次绑定，只指向第一次绑定的obj对象?有没有解决办法？引申3:一般函数和箭头函数的区别数据类型有哪些引申1:如何判断数据类型new操作的原理引申1:什么是闭包？引申2:内存泄露和内存溢出引申3:作用域和作用域链？JS实现数组扁平化深拷贝与浅拷贝的区别
• JavaScript相关面试题 努力的搬砖人. javascript
  以下是150道JavaScript相关面试题及详细答案：JavaScript基础1.JavaScript是什么？JavaScript是一种直译式脚本语言，主要用于网页开发，也可用于服务器端开发（如Node.js）。它是一种动态类型、弱类型、基于原型的语言，支持函数式编程和面向对象编程。2.JavaScript的基本数据类型有哪些？包括Undefined、Null、Boolean、Number、St
• 原生JavaScript控制页面跳转的几种方式 thinkQuadratic javascript前端开发语言
  在开发一些简单的页面，不需要复杂的单页面应用（SPA）功能的时候。可以使用原生JavaScript的跳转即可满足需求。另外在处理一些需要直接与服务器进行交互的表单提交后跳转，或者在某些浏览器兼容性要求较高的场景下，原生JavaScript的跳转方式更加稳定可靠。正文开始这里本地创建两个html文件进行演示，index.html和home.htmlwindow.location.hrefindex页
• python后端常见架构_常见的后端框架 weixin_39622178 python后端常见架构
  后端vs前端如果您是Web开发世界的新手，后端和前端开发之间的区别可能不那么明显，但是，了解两者之间的区别很重要。以下是前端开发人员与后端开发人员的一些区别。前端开发：前端开发人员在很大程度上负责用户所看到的内容(即网站页面)，前端开发人员主要使用HTML，CSS和JavaScript。他们的主要关注点是创建出色的用户体验，并确保网站设计和布局或Web应用程序始终具有凝聚力。后端开发：另一方面，后
• 使用 CryptoJS 实现 AES 解密：动态数据解密示例 木觞清 javascript
  在现代加密应用中，AES（高级加密标准）是一种广泛使用的对称加密算法。它的安全性高、效率好，适合用于各种加密任务。今天，我们将通过一个实际的示例，展示如何使用CryptoJS实现AES解密，解密动态数据。CryptoJS是一个基于JavaScript的加密库，它支持AES、DES等多种常见的加密算法。本文将详细介绍如何使用CryptoJS解密AES加密的数据。1.引入CryptoJS库首先，确保你
• sql统计相同项个数并按名次显示 朱辉辉33 javaoracle
  现在有如下这样一个表： A表 ID Name time ------------------------------ 0001 aaa 2006-11-18 0002 ccc 2006-11-18 0003 eee 2006-11-18 0004 aaa 2006-11-18 0005 eee 2006-11-18 0004 aaa 2006-11-18 0002 ccc 20
• Android+Jquery Mobile学习系列-目录 白糖_ JQuery Mobile
  最近在研究学习基于Android的移动应用开发，准备给家里人做一个应用程序用用。向公司手机移动团队咨询了下，觉得使用Android的WebView上手最快，因为WebView等于是一个内置浏览器，可以基于html页面开发，不用去学习Android自带的七七八八的控件。然后加上Jquery mobile的样式渲染和事件等，就能非常方便的做动态应用了。   从现在起，往后一段时间，我打算
• 如何给线程池命名 daysinsun 线程池
          在系统运行后，在线程快照里总是看到线程池的名字为pool-xx，这样导致很不好定位，怎么给线程池一个有意义的名字呢。参照ThreadPoolExecutor类的ThreadFactory，自己实现ThreadFactory接口，重写newThread方法即可。参考代码如下：     public class Named
• IE 中"HTML Parsing Error:Unable to modify the parent container element before the 周凡杨 html解析errorreadyState
    错误： IE 中"HTML Parsing Error:Unable to modify the parent container element before the child element is closed"     现象： 同事之间几个IE 测试情况下，有的报这个错，有的不报。经查询资料后，可归纳以下原因。
• java上传 g21121 java
  我们在做web项目中通常会遇到上传文件的情况，用struts等框架的会直接用的自带的标签和组件，今天说的是利用servlet来完成上传。 我们这里利用到commons-fileupload组件，相关jar包可以取apache官网下载：http://commons.apache.org/ 下面是servlet的代码： //定义一个磁盘文件工厂 DiskFileItemFactory fact
• SpringMVC配置学习 510888780 springmvc
  spring MVC配置详解 现在主流的Web MVC框架除了Struts这个主力 外，其次就是Spring MVC了，因此这也是作为一名程序员需要掌握的主流框架，框架选择多了，应对多变的需求和业务时，可实行的方案自然就多了。不过要想灵活运用Spring MVC来应对大多数的Web开发，就必须要掌握它的配置及原理。 　　一、Spring MVC环境搭建：（Spring 2.5.6 + Hi
• spring mvc-jfreeChart 柱图(1) 布衣凌宇 jfreechart
  第一步：下载jfreeChart包，注意是jfreeChart文件lib目录下的，jcommon-1.0.23.jar和jfreechart-1.0.19.jar两个包即可； 第二步：配置web.xml; web.xml代码如下 <servlet>     <servlet-name>jfreechart</servlet-nam
• 我的spring学习笔记13-容器扩展点之PropertyPlaceholderConfigurer aijuans Spring3
  PropertyPlaceholderConfigurer是个bean工厂后置处理器的实现，也就是BeanFactoryPostProcessor接口的一个实现。关于BeanFactoryPostProcessor和BeanPostProcessor类似。我会在其他地方介绍。PropertyPlaceholderConfigurer可以将上下文（配置文件）中的属性值放在另一个单独的标准java P
• java 线程池使用 Runnable&Callable&Future antlove javathreadRunnablecallablefuture
  1. 创建线程池 ExecutorService executorService = Executors.newCachedThreadPool();   2. 执行一次线程，调用Runnable接口实现 Future<?> future = executorService.submit(new DefaultRunnable()); System.out.prin
• XML语法元素结构的总结 百合不是茶 xml树结构
  1.XML介绍1969年   gml (主要目的是要在不同的机器进行通信的数据规范)1985年   sgml  standard generralized markup language1993年   html(www网)1998年  xml   extensible markup language
• 改变eclipse编码格式 bijian1013 eclipse编码格式
  1.改变整个工作空间的编码格式         改变整个工作空间的编码格式，这样以后新建的文件也是新设置的编码格式。         Eclipse->window->preferences->General->workspace-
• javascript中return的设计缺陷 bijian1013 JavaScriptAngularJS
  代码1： <script> var gisService = (function(window) { return { name:function () { alert(1); } }; })(this); gisService.name(); &l
• 【持久化框架MyBatis3八】Spring集成MyBatis3 bit1129 Mybatis3
  pom.xml配置 Maven的pom中主要包括： MyBatis MyBatis-Spring Spring MySQL-Connector-Java Druid applicationContext.xml配置   <?xml version="1.0" encoding="UTF-8"?> &
• java web项目启动时自动加载自定义properties文件 bitray javaWeb监听器相对路径
  创建一个类 public class ContextInitListener implements ServletContextListener 使得该类成为一个监听器。用于监听整个容器生命周期的，主要是初始化和销毁的。 类创建后要在web.xml配置文件中增加一个简单的监听器配置，即刚才我们定义的类。 <listener> <des
• 用nginx区分文件大小做出不同响应 ronin47
  昨晚和前21v的同事聊天，说到我离职后一些技术上的更新。其中有个给某大客户(游戏下载类)的特殊需求设计，因为文件大小差距很大——估计是大版本和补丁的区别——又走的是同一个域名，而squid在响应比较大的文件时，尤其是初次下载的时候，性能比较差，所以拆成两组服务器，squid服务于较小的文件，通过pull方式从peer层获取，nginx服务于较大的文件，通过push方式由peer层分发同步。外部发布
• java-67-扑克牌的顺子.从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的.2-10为数字本身，A为1，J为11，Q为12，K为13，而大 bylijinnan java
  package com.ljn.base; import java.util.Arrays; import java.util.Random; public class ContinuousPoker { /** * Q67 扑克牌的顺子 从扑克牌中随机抽5张牌，判断是不是一个顺子，即这5张牌是不是连续的。 * 2-10为数字本身，A为1，J为1
• 翟鸿燊老师语录 ccii 翟鸿燊
  一、国学应用智慧TAT之亮剑精神A 1. 角色就是人格     就像你一回家的时候，你一进屋里面，你已经是儿子，是姑娘啦，给老爸老妈倒怀水吧，你还觉得你是老总呢？还拿派呢？就像今天一样，你们往这儿一坐，你们之间是什么，同学，是朋友。     还有下属最忌讳的就是领导向他询问情况的时候，什么我不知道，我不清楚，该你知道的你凭什么不知道
• [光速与宇宙]进行光速飞行的一些问题 comsci 问题
       在人类整体进入宇宙时代，即将开展深空宇宙探索之前，我有几个猜想想告诉大家     仅仅是猜想。。。未经官方证实      1：要在宇宙中进行光速飞行，必须首先获得宇宙中的航行通行证，而这个航行通行证并不是我们平常认为的那种带钢印的证书，是什么呢？ 下面我来告诉
• oracle undo解析 cwqcwqmax9 oracle
  oracle undo解析2012-09-24 09:02:01     我来说两句       作者：虫师收藏    我要投稿 Undo是干嘛用的？         &nb
• java中各种集合的详细介绍 dashuaifu java集合
  一，java中各种集合的关系图 Collection       接口的接口     对象的集合  ├ List           子接口   &n
• 卸载windows服务的方法 dcj3sjt126com windowsservice
  卸载Windows服务的方法 在Windows中，有一类程序称为服务，在操作系统内核加载完成后就开始加载。这里程序往往运行在操作系统的底层，因此资源占用比较大、执行效率比较高，比较有代表性的就是杀毒软件。但是一旦因为特殊原因不能正确卸载这些程序了，其加载在Windows内的服务就不容易删除了。即便是删除注册表中的相 应项目，虽然不启动了，但是系统中仍然存在此项服务，只是没有加载而已。如果安装其他
• Warning: The Copy Bundle Resources build phase contains this target's Info.plist dcj3sjt126com iosxcode
      http://developer.apple.com/iphone/library/qa/qa2009/qa1649.html Excerpt: You are getting this warning because you probably added your Info.plist file to your Copy Bundle
• 2014之C++学习笔记（一） Etwo C++EtwoEtwoiterator迭代器
          已经有很长一段时间没有写博客了，可能大家已经淡忘了Etwo这个人的存在，这一年多以来，本人从事了AS的相关开发工作，但最近一段时间，AS在天朝的没落，相信有很多码农也都清楚，现在的页游基本上达到饱和，手机上的游戏基本被unity3D与cocos占据，AS基本没有容身之处。so。。。最近我并不打算直接转型
• js跨越获取数据问题记录 haifengwuch jsonpjsonAjax
  js的跨越问题，普通的ajax无法获取服务器返回的值。   第一种解决方案，通过getson，后台配合方式，实现。 Java后台代码： protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { String ca
• 蓝色jQuery导航条 ini JavaScripthtmljqueryWebhtml5
  效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/39.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery鼠标悬停上下滑动导航条 - 柯乐义<
• linux部署jdk,tomcat,mysql kerryg jdktomcatlinuxmysql
  1、安装java环境jdk:     一般系统都会默认自带的JDK,但是不太好用，都会卸载了，然后重新安装。    1.1）、卸载：      （rpm -qa :查询已经安装哪些软件包；        rmp -q 软件包：查询指定包是否已
• DOMContentLoaded VS onload VS onreadystatechange mutongwu jqueryjs
  1. DOMContentLoaded 在页面html、script、style加载完毕即可触发，无需等待所有资源（image/iframe）加载完毕。（IE9+） 2. onload是最早支持的事件，要求所有资源加载完毕触发。 3. onreadystatechange 开始在IE引入，后来其它浏览器也有一定的实现。涉及以下 document , applet, embed, fra
• sql批量插入数据 qifeifei 批量插入
  hi，   自己在做工程的时候，遇到批量插入数据的数据修复场景。我的思路是在插入前准备一个临时表，临时表的整理就看当时的选择条件了，临时表就是要插入的数据集，最后再批量插入到数据库中。    WITH tempT AS ( SELECT item_id AS combo_id, item_id, now() AS create_date FROM a
• log4j打印日志文件 如何实现相对路径到 项目工程下 thinkfreer Weblog4j应用服务器日志
  最近为了实现统计一个网站的访问量，记录用户的登录信息，以方便站长实时了解自己网站的访问情况，选择了Apache 的log4j,但是在选择相对路径那块 卡主了，X度了好多方法(其实大多都是一样的内用，还一个字都不差的)，都没有能解决问题，无奈搞了2天终于解决了，与大家分享一下 需求： 用户登录该网站时，把用户的登录名,ip,时间。统计到一个txt文档里，以方便其他系统调用此txt。项目名
• linux下mysql-5.6.23.tar.gz安装与配置 笑我痴狂 mysqllinuxunix
  1.卸载系统默认的mysql [root@localhost ~]# rpm -qa | grep mysql mysql-libs-5.1.66-2.el6_3.x86_64 mysql-devel-5.1.66-2.el6_3.x86_64 mysql-5.1.66-2.el6_3.x86_64 [root@localhost ~]# rpm -e mysql-libs-5.1

按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他

首页 - 关于我们 - 站内搜索 - Sitemap - 侵权投诉

版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.