1.JQuery this和$(this)的区别 相信很多刚接触JQuery的人，很多都会对$(this)和this的区别模糊不清，那么这两者有什么区别呢？ 首先来看看JQuery中的 $() 这个符号，实际上这个符号在JQuery中相当于JQuery（）,即$(this)=jquery();也就是说，这样可以返回一个jquery对象。那么，当你在网页中alert($(#id));时，会弹出一个[object Object ]，这个object对象，也就是jquery对象了。 那么，我们再回过头来说$(this)，这个this是什么...
Jquery元素选取、常用方法 一：常用的选择器： 基本选择器 $(”#myDiv”) //匹配唯一的具有此id值的元素 $(”div”) //匹配指定名称的所有元素 $(”.myClass”) //匹配具有此class样式值的所有元素 $(”*”) //匹配所有元素 $(this) //匹配自身 $(”div,span,p.myClass”) //联合所有匹配的选择器层叠选择器 $(”form input”) //后代选择器，选择ancestor的所有子孙节点 $(”#main > *”) //子选择器，选择parent的所有子节点 $(”...
$(this).is(":hidden"); //如果元素是隐藏的话，则返回true is挺好用的，他能够用jQuery选择器作为参数，特别是跟jQuery里面的选择器里面那些以冒号开头的筛选符配合使用，实现各种各样的判断。如: ":checked,:hidden"等等。给个例子： <head><script src="jquery-1.7.1.js" type="text/javascript"></script><script type="text/javascript">$(function () {$(":button").click(function () {if ($(this).is(":button")) {aler...
1、eq() 筛选指定索引号的元素 2、first() 筛选出第一个匹配的元素 3、last() 筛选出最后一个匹配的元素 4、hasClass() 检查匹配的元素是否含有指定的类 5、filter() 筛选出与指定表达式匹配的元素集合 6、is() 检查元素是否参数里能匹配上的 7、map() 8、has() 筛选出包含指定子元素的元素 9、not() 排除能够被参数中匹配的元素 10、slice() 从指定索引开始，截取指定个数的元素 11、childr...
前言排序对于我们是再熟悉不过了，在绝大数应用程序中都会有这样一个场景：当我们从服务器端获取一个列表时，在界面上进行渲染，我们可以会依赖于某一个规则来进行排序，当然此时绝大多数会再次与服务器进行交互来进行重新渲染列表到客户端，这样做未尝不可，但是在有些情况下，我们既不需要利用框架也不需要重新生成列表到客户端，明明可以在客户端进行，达到我们的目的，为何要再一次发送请求到服务器呢？下面我们来看看。 话题我...
项目需要，实现一个拖放操作，要求每次可以拖拽选中的多个元素，释放到目标容器后可排序。考虑了一下，觉得jquery-ui比较合适，毕竟它提供了项目需要的交互性事件机制。拖拽、释放、排序、选择等效果。而在实际的操作中，遇到个很多的问题，说明一下，最后附上效果图和代码。 1.本人使用的bootstrap框架，引入jquery-ui后，为元素添加拖拽方法后，提示该方法不是一个函数。查找原因，是bootstrap和jquery-uide的$ 标识符控制权冲突...
最近做项目，有这么个功能用jQuery检查某个元素在网页上是否存在，这里记录下，也许能帮助正在读文章的朋友。用jQuery检查某个元素在网页上是否存在时，应该根据获取元素的长度来判断，代码如下： if($("#tt").length > 0) {//元素存在时执行的代码 } 具体原因如下： 在JavaScript中，我们在使用传统的getElementById()和getElementsByTagName()时，如果在网页中找不到相关元素，那么浏览器就会报错，影响后续代码的执行...
Jquery 和 Javascript 获得元素标签名称是通过tagName的属性获取的。 这里提供高版本 Jquery的获取元素标签名称的方法： 1、$( this ).get(0).tagName 2、$( this )[0].tagName 3、$( this ).prop("tagName") 4、$( this ).prop("nodeName") 以上就是小编为大家带来的Jquery和Js获得元素标签名称的方法总结全部内容了，希望大家多多支持脚本之家~
1.遍历后代 children() children() 方法返回被选元素的所有直接子元素。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> </style> <script type="text/javascript"...
本文实例讲述了jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果。分享给大家供大家参考，具体如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html><head><meta http-equiv="content-type" content="text/html;charset=utf-8"/><meta name="keywords" content="关键词1，关键词2，关键词3等等"/><title>鼠标经过时高亮，其他的暗</tit...
本文实例讲述了jQuery实现获取元素索引值index的方法。分享给大家供大家参考，具体如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery获取索引值</title> <style type="text/css">*{margin:0; paddin...
JQuery遍历 首先我们要知道 什么是 父亲，儿子，后代，同胞，祖先?<div> 元素是 <ul> 的父元素，同时是其中所有内容的祖先。 ?<ul> 元素是 <li> 元素的父元素，同时是 <div> 的子元素 ?左边的 <li> 元素是 <span> 的父元素，<ul> 的子元素，同时是 <div> 的后代。 ?<span> 元素是 <li> 的子元素，同时是 <ul> 和 <div> 的后代。 ?两个 <li> 元素是同胞（拥有相同的父元素）。 ?右边的 <li> 元素是 <b> 的父元素，<ul> 的子元素，同...
javascript检查元素存在性：即使这个元素被删除了，也不担心javascript代码报错； jquery检查元素存在性： 代码如下： if(!document.getElementById("preview")) return false;jquery $（“#preview”）获取的永远是对象，即使网页上没有此元素。 不能使用以下代码： if($("#preview"){ //do something }因此要用jquery检查某个元素在网页上是否存在时，应该根据获取到元素的长度来判断。 代码如下： if($("#preview").length>0){ ...
本文实例讲述了jQuery子元素过滤选择器用法。分享给大家供大家参考，具体如下： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="js/jquery-1.10.1.min.js" type="text/javascript"></script> <script src="js/assist.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="css/style.css" /> <script type="text/javascript">...
本文实例讲述了jQuery元素属性操作的方法。分享给大家供大家参考，具体如下： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="js/jquery-1.10.1.min.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ $(function(){//设置<p>元素的属性title$("input:eq(0)").click(function(){$("p").attr("title","选择你最喜欢的水果."...