jquery文档官网(jquery选择器)
各位老铁们好，相信很多人对jquery文档官网都不是特别的了解，因此呢，今天就来为大家分享下关于jquery文档官网以及jquery选择器的问题知识，还望可以帮助大家，解决大家的一些困惑，下面一起来看看吧！
jqueryui中文 jquery网址
jqueryui中文官网为无直接对应网址（需通过jquery官网跳转或搜索特定关键词找到），jquery官网网址为。
关于jqueryui中文：
jQuery UI是以 jQuery为基础的官方用户界面库。它提供了一组丰富的 UI组件，如表单组件、小部件和交互，可以帮助开发者更轻松地构建互动性强、美观的用户界面。虽然 jQuery UI的官方网站主要是英文的，但你可以通过搜索引擎搜索“jqueryui中文文档”或“jqueryui中文教程”等关键词，找到相关的中文资源和学习材料。关于jquery官网：
jQuery官网提供了最新的 jQuery库文件下载、文档、插件和社区支持。在官网上，你可以找到不同版本的 jQuery库文件，包括最新的稳定版和一些旧版本。选择哪个版本取决于你的项目需求和对浏览器的兼容性要求。jQuery官网还提供了详细的文档和示例，帮助开发者更好地理解和使用 jQuery。文档涵盖了 jQuery的选择器、事件、动画、Ajax和插件等各个方面。使用jQuery的建议：
提高页面加载速度：在网页中使用 jQuery时，可以通过合并和压缩 JavaScript文件、使用 CDN加速等方式来提高页面加载速度。结构、表现和行为的分离：遵循 HTML、CSS和 JavaScript分离的原则，将 jQuery代码与 HTML和 CSS代码分开管理，以提高代码的可维护性和可读性。注意版本兼容性：在使用 jQuery插件或组件时，要注意它们与 jQuery版本的兼容性，避免出现因版本不匹配而导致的错误。综上所述，jQuery和 jQuery UI是前端开发中常用的工具，通过访问 jQuery官网和搜索相关的中文资源，你可以更好地学习和使用它们来构建出色的用户界面。
jQuery版本升级有哪些注意事项
1.使用了被废弃的jQuery.fn.live方法
jQuery Migrate库对此错误也在控制台有相应的警告：
JQMIGRATE: jQuery.fn.live() is deprecated
live方法原本的作用是设置事件代理，该方法在jQuery 1.7之后就不推荐使用了，取代之的是jQuery.fn.on函数。他们的接口分别是：
$(selector).live('click', function(){/* some code*/});$(selector).on('click', [selector,] function(){/* some code*/});
乍一看，中括号里面的参数可以省略掉，俩函数不是一模一样么？于是天真地把函数名live直接替换成on，大部分时候，这么做好像没有引起任何异常。但是如果在你调用on函数的时候，前面的$(selector)在当前的网页上根本不匹配任何元素（该元素可能是后面的代码才加到DOM里的），那是不会绑定成功的。事实上，live函数将$(selector)代理到了document元素上，这个元素是肯定存在的，所以不会出现类似情况。正确的替换方法应该是：
$(selector).live('click', function(){/* some code*/});替换为$(document).on('click', selector, function(){/* some code*/});
2.使用了被废弃的jQuery.fn.die方法
jQuery Migrate对此错误的警告是：
JQMIGRATE: jQuery.fn.die() is deprecated
这个方法和前面的live刚好反过来，取消事件处理函数的绑定。新版本中应该使用off函数代替之，替换方式类似。
3.使用了被废弃的jQuery.fn.toggle函数
jQuery Migrate对此错误的警告是：
JQMIGRATE: jQuery.fn.toggle(handler, handler...) is deprecated
早期jQuery中名字叫toggle的函数有两个，一个是用于控制元素的显示和隐藏，这个用途的函数目前jQuery中依旧存在；另一个就是上面提到的被废弃的toggle函数，它用于绑定至少两个函数到同一个元素，点击该元素的时候两个函数交替着执行。这两个同名函数功能相差甚远，为了不引起误导，在jQuery
1.8中就不再建议使用了。替换的方式是把两个函数合并成一个函数的if-else两个区段，然后自己设置一个boolean变量，控制每次点击时应该执行哪个区段即可。
4.使用了被废弃的jQuery.browser属性
jQuery Migrate对此错误的警告是：
JQMIGRATE: jQuery.browser is deprecated
在前端开发中我们经常要根据不同的浏览器版本做出不同的处理，jQuery.browser本来是通过浏览器的userAgent字段来提取浏览器相关信息的。新版本中已经将其废弃，而是建议使用特征检测的方法去判断，并且给了一个Modernizr库作为推荐。不过，改成这个库可能改动成本有点大，如果你还是想沿用jQuery.browser的思路的话，可以自己去实现一下它。例如，判断是不是IE浏览器，可以用
/msie/.test(navigator.userAgent.toLowerCase());
即自己手动获取userAgent字段，并且做一个正则表达式匹配。其他浏览器思路类似，都是对navigator.userAgent做一个正则匹配。
5.$(html)格式书写错误
在jQuery Migrate中，出现以下三种警告中的任何一种，都是属于这个错误：
JQMIGRATE:$(html) HTML strings must start with'<' characterJQMIGRATE:$(html) HTML text after last tag is ignoredJQMIGRATE: HTML string cannot start with a'#' character
这个错误还是蛮值得注意的，因为我们文章开头所说的jQuery低版本有XSS漏洞，其实就是和这个错误有关系。在javascript中我们经常会直接将一段html格式的字符串写在jQuery引用里面，比如$('<p></p>')。按照新版本的jQuery要求，这段html格式的字符串必须是以左尖括号（小于号）开头，其他字符都不可以。以下几种写法，都是错误的：
$("<p></p>");//错误，字符串最开头有一个空格，不是以小于号'<'开头的$("<p></p>test");//不标准，html标签结束后后面还有多余的"test"，它会被忽略$("#<p></p>);//错误，以井号开头并且后面并不是一个css选择器
这一点在书写的时候注意一下就可以了，其实还是很容易避免的。其中第三种错误其实就不仅仅是警告了，jQuery会直接抛出一个错误，停止javascript代码的继续执行。一般情况以井号开头，例如$("#test")，其实就是一个普通的选择器，但是上面例子中后面又夹杂着html字符串，这会被jQuery判断为潜在的XSS攻击。
6. jQuery.fn.attr方法的错误使用（这是个非常易犯的错误！）
jQuery Migrate中，关于attr方法的警告有以下这些：
JQMIGRATE: jQuery.fn.attr('value', val) no longer sets propertiesJQMIGRATE: jQuery.fn.attr('value') no longer gets propertiesJQMIGRATE: jQuery.fn.attr('checked') may use property instead of attributeJQMIGRATE: jQuery.fn.attr( props, pass) is deprecated
实践中我发现，早期写的代码里面，获取一个input输入表单的值时，是怎么获取的呢？$('input').attr('value')；又是怎么设置的呢？$('input').attr('value',
'helloworld')。这在新版本中都是不正确的！正确的做法应该是
$('input').val();//获取input表单现在所输入的值
$('input').val('helloworld');//设置input表单输入的值
到底是获取还是设置，只取决于调用val方法时有没有带着参数。
如果你想手动设置单选框（例如<input
type="radio">）被选中，应该怎么设置呢？老的代码里面可能会看到这样$('input').attr('checked',
true)或者$('input').attr('checked','checked')。这些现在也都是不正确的！正确的做法应该是
$('input').prop('checked', true);//把单选框设为选中状态$('input').prop('checked');//获取单选框是不是被选中了，返回true或false
这是从jQuery
1.6版本开始使用的写法。如果设置disabled和selected属性，也是使用prop方法。那到底什么时候使用attr方法呢？两者的区别是：prop设置的是某元素固有的属性，而attr设置的是写在html标签上的自定义属性。举个例子：
<input type="checkbox" checked="checked" haha="hello">var v1=$('input').prop("checked");//返回true/false，是否被选中，随状态改变而改变var v2=$('input').attr("checked");//返回"checked"，这是你设置在标签上的，不会变var v3=$('input').attr("haha");//返回"hello"，自定义属性var v4=$('input').prop("haha");//返回undefined，根本没有这个固有属性
上面提到的第四个错误，jQuery.fn.attr(props, pass) is deprecated这个警告在真实项目中从未见到过，看了一下源码，触发该警告的jQuery写法很少见，可忽略。
7.向$.parseJSON传入了非法的参数
在jQuery Migrate中，该错误产生如下警告
JQMIGRATE: jQuery.parseJSON requires a valid JSON string
jQuery之所以改这个接口，是为了和浏览器自带的JSON.parse接口对齐，从jQuery
1.9开始生效。这个问题常见于AJAX接收服务端返回值的时候。服务端可能返回一个空字符串，这时候调用该接口会产生错误。必须向$.parseJSON传入合法的JSON字符串。修正方法如下：
var v1=$.parseJSON(str);替换为var v1=$.parseJSON( str? str:"null");
8.使用了被废弃的'hover'事件字符串
在jQuery Migrate中该错误产生如下警告
JQMIGRATE:'hover' pseudo-event is deprecated, use'mouseenter mouseleave'
在注册事件处理函数时，'hover'以前可以看作是'mouseenter mouseleave'两个事件的别称。目前已经将该别称去掉了，所以代码中请用'mouseenter mouseleave'替换之。
9. jQuery.fn.andSelf已经被替换，不能再使用
jQuery Migrate中是这样的警告：
JQMIGRATE: jQuery.fn.andSelf() replaced by jQuery.fn.addBack()
两个函数功能是完全一样的，可以直接替换。
1. jQuery不兼容浏览器的怪异模式
这个错误的触发方式非常简单，直接把html页面最顶端的<!DOCTYPE
html>标签删掉就可以了。浏览器怪异模式是为了兼容老古董网页而设计的，详情可参考这篇文章：链接。我想现在的WEB程序员应该不会傻到不写DOCTYPE，也很少使用这种模式下的浏览器吧。
jQuery Migrate展示的错误警告如下：
2. AJAX全局事件必须绑定到document节点上
jQuery Migrate中的警告如下：
JQMIGRATE: AJAX events should be attached to document: ajaxStart
jQuery中AJAX全局事件包括如下接口ajaxStart,
ajaxStop, ajaxSend, ajaxComplete, ajaxError,
ajaxSuccess。因为这些事件使用的比较少，所以也归在少见坑当中。从jQuery
1.9开始，这些事件只能绑定到$(document)上。改正方法如下（摘自jQuery官网）：
$("#status").ajaxStart(function(){$(this).text("Ajax started");});修改为$(document).ajaxStart(function(){$("#status").text("Ajax started");});
3. IE6/7/8浏览器不支持修改input表单的type属性
在jQuery Migrate中是这样的警告：
JQMIGRATE: Can't change the'type' of an input or button in IE 6/7/8
改变input的表单的type属性，你可以直接把文本框改成单选框，改成多选框等等。虽然我感觉这是一种并不算优雅的行为，但是很多浏览器都是支持这么做的，除了IE6/7/8。建议在实际中也是少用这个功能为好。
4.使用了被移除的$.clean,$.event.handle,$.attrFn,$.fn.data('events'), jQuery.event.trigger属性与方法
在jQuery Migrate中是这样的警告：
JQMIGRATE: jQuery.clean() is deprecatedJQMIGRATE: jQuery.event.handle is undocumented and deprecatedJQMIGRATE: jQuery.attrFn is deprecatedJQMIGRATE: Use of jQuery.fn.data('events') is deprecatedJQMIGRATE: Global events are undocumented and deprecated
如果你在自己的代码中使用过这五个接口，那确实是仔细研究过jQuery源代码的高人啊。因为这五个接口从来没有出现在jQuery的官方文档中，并且有些在后续版本中已经删除，可谓来无影去无踪。看源代码的话在早期版本有机会找到他们的存在，但是并不建议使用。建议采用其他方法实现相应的功能。什么？你不知道这五个函数是什么功能？那最好了，你现在也不需要知道了……
5.使用了过时的$.sub()方法
jQuery Migrate中对本问题的警告如下：
JQMIGRATE: jQuery.sub() is deprecated
这个接口非常简单，不接受任何参数。它用来创建一个jQuery的副本。该方法在jQuery 1.7版本开始就已经不再使用。
6.使用了过时的jQuery.fn.error方法
jQuery Migrate中对本问题的警告如下：
JQMIGRATE: jQuery.fn.error() is deprecated
在jQuery中，error也是和click一样的事件。注册该事件的处理函数，以前是$(selector).error(function(){})，现在已经被废弃，可以使用$(selector).on('error', function(){})来替代。
jquery文档操作都有哪些函数
jQuery中为我们提供了很多有用的方法和属性，自己总结的一些常用的函数，方法。个人认为在在线排盘开发中会比较常用的，仅供大家学习和参考。
事件处理
ready(fn)
代码：
$(document).ready(function(){
// Your code here...
});
作用：它可以极大地提高web应用程序的响应速度。通过使用这个方法，可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数，而99.99%的JavaScript函数都需要在那一刻执行。
bind(type,[data],fn)
代码：
$("p").bind("click", function(){
alert($(this).text());
});
作用：为每一个匹配元素的特定事件(像click)绑定一个事件处理器函数。起到事件监听的作用。
toggle(fn,fn)代码：
$("td").toggle(
function(){
$(this).addClass("selected");
},
function(){
$(this).removeClass("selected");
}
);
作用：每次点击时切换要调用的函数。如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数。挺有趣的一个函数，在动态实现某些功能的时候可能会用到。
(像click(),focus(),keydown()这样的事件这里就不提了，那些都是开发中比较常用到的。)
外观效果
addClass(class)和removeClass(class)
代码：
$(".stripe tr").mouseover(function(){
$(this).addClass("over");}).mouseout(function(){
$(this).removeClass("over");})
});
也可以写成：
$(".stripe tr").mouseover(function(){$(this).addClass("over")});
$(".stripe tr").mouseout(function(){$(this).removeClass("over")});
作用：为指定的元素添加或移除样式，从而实现动态的样式效果，上面的实例中实现鼠标移动双色表格的代码。
css(name,value)
代码：$("p").css("color","red");
作用：很简单，就是在匹配的元素中，设置一个样式属性的值。这个个人感觉和上面的addClass(class)有点类似。
slide(),hide(),fadeIn(), fadeout(), slideUp(),slideDown()
代码：
$("#btnShow").bind("click",function(event){$("#divMsg").show()});
$("#btnHide").bind("click",function(evnet){$("#divMsg").hide()});
作用：jQuery中提供的比较常用的几个动态效果的函数。还可以添加参数：show(speed,[callback])以优雅的动画显示所有匹配的元素，并在显示完成后可选地触发一个回调函数。
animate(params[,duration[,easing[,callback]]])
作用：制作动画效果用到的函数，功能非常的强大，可以连续使用此函数。
查找筛选
map(callback)HTML代码:
Values:
return$(this).val();
}).get().join(","));
结果:
[
John, password, ; ]
作用：将一组元素转换成其他数组(不论是否是元素数组)你可以用这个函数来建立一个列表，不论是值、属性还是CSS样式，或者其他特别形式。这都可以用'$.map()'来方便的建立。
find(expr)
HTML代码:
Hello, how are you?
jQuery代码:
$("p").find("span")
结果:
[ Hello ]
作用：搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。
文档处理
attr(key,value)HTML代码:
jQuery代码:
$("img").attr("src","test.jpg");
作用：取得或设置匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined。在控制HTML标记上是必备的工具。
html()/html(val)HTML代码:
Hello
jQuery代码:
$("div").html();
结果:
Hello
作用：取得或设置匹配元素的html内容，同类型的方法还有text()和val()。前者是取得所有匹配元素的内容。，后者是获得匹配元素的当前值。三者有相似的地方常用在内容的操作上。
wrap(html)HTML代码:
Test Paragraph.
jQuery代码:
$("p").wrap("
");
结果:
Test Paragraph.
作用：把所有匹配的元素用其他元素的结构化标记包裹起来。
这种包装对于在文档中插入额外的结构化标记最有用，而且它不会破坏原始文档的语义品质。可以灵活的修改我们的DOM。
empty()HTML代码:
Hello, Person
jQuery代码:
$("p").empty();
结果:
作用：删除匹配的元素集合中所有的子节点。
Ajax处理
load(url,[data],[callback])
url(String):待装入 HTML网页网址。
data(Map):(可选)发送至服务器的 key/value数据。
callback(Callback):(可选)载入成功时回调函数。
代码：
$("#feeds").load("feeds.aspx",{limit: 25}, function(){
alert("The last 25 entries in the feed have been loaded");
});
作用：载入远程 HTML文件代码并插入至 DOM中。这也是Jquery操作Ajax最常用最有效的方法。
serialize()HTML代码:
Results:
check1
checked="checked"/> check2
checked="checked"/> radio1
radio2
jQuery代码:
$("#results").append(""+$("form").serialize()+"");
作用：序列化表格内容为字符串。用于 Ajax请求。
工具
jQuery.each(obj,callback)
代码：
$.each( [0,1,2], function(i, n){
alert("Item#"+ i+":"+ n);
});//遍历数组
$.each({ name:"John", lang:"JS"}, function(i, n){
alert("Name:"+ i+", Value:"+ n);//遍历对象
});
作用：通用例遍方法，可用于例遍对象和数组。
jQuery.makeArray(obj)
HTML代码:
First
Second
Third
Fourth
jQuery代码:
var arr= jQuery.makeArray(document.getElementsByTagName("div"));
结果:
Fourth
Third
Second
First
作用：将类数组对象转换为数组对象。使我们可以在数组和对象之间灵活的转换。
jQuery.trim(str)
作用：这个大家应该很熟悉，就是去掉字符串起始和结尾的空格。
小结：在实际的开发中我们可能会发现21世纪开运网用到其他的方法和属性，以上只是个人认为新手初学jQuery时，必须掌握的一些方法。仅供大家学习的参考。
以上内容就是我们为大家提供的jQuery中常用的函数方法，希望可以帮助到大家。
关于jquery文档官网的内容到此结束，希望对大家有所帮助。