-
$( "#id" ) jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。 ID是唯一的,每个ID值在一个页面中只能使用一次。如果多个元素分配了相同的ID,将只匹配该ID选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的。查看全部
-
<span> 标签被用来组合文档中的行内元素 使用 <div> 会自动换行,使用 <span> 就会保持同行。 $(".div:contains(':contains')"):查找所有class="div"中DOM元素中包含"contains"的元素节点(包含指定文本的意思) $(".div:has(span)"):查找所有class="div"中DOM元素中包含"span"的元素节点(包含指定元素的意思) $(".a:parent"):选择所有包含子元素或者文本的a元素 父母 $(".a:empty"):与parent相反,找到a元素下面的所有空节点(没有子元素) 无子无孙 1.:contains与:has都有查找的意思,但是contains查找包含“指定文本”的元素,has查找包含“指定元素”的元素 2.如果:contains匹配的文本包含在元素的子元素中,同样认为是符合条件的。 3.:parent与:empty是相反的,两者所涉及的子元素,包括文本节点查看全部
-
如果元素中占据文档中一定的空间,元素被认为是可见的。 可见元素的宽度或高度,是大于零。 元素的visibility: hidden 或 opacity: 0被认为是可见的,因为他们仍然占用空间布局。查看全部
-
我们有几种方式可以隐藏一个元素: CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的,该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0查看全部
-
基本筛选选择器 $(":first") 匹配第一个元素 $(":last") 匹配最后一个元素 $(":not(selector)") 一个用来过滤的的选择器,选择所有元素去除不匹配给定的选择器元素 $(":eq(index)") 在匹配的集合中选择索引值为index的元素 eq equal $(":gt(index)") 选择匹配集合中所有大于给定index(索引值) gt greater than $(":even") 选取索引值为偶数的元素,从0开始计数 even偶数 $(":odd") 选取索引值为奇数的元素,从0开始计数 odd奇数 $(":lt(index)") 选取匹配集合中所有索引值小于给定index参数的元素 lt less than $(":header") 选择所有标题元素,像h1,h2,h3等 $(":lang(language)") 选择指定语言的所有元素 $(":root") 选择该文档的根元素 $(":animated") 选择所有正在执行动画效果的元素查看全部
-
eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素,根据之前匹配的元素在进一步筛选,注意jQuery合集都是从0开始索引 gt是一个段落筛选,从指定索引的下一个开始,gt(1) 实际从2开始查看全部
-
层级选择器都有一个参考节点 后代选择器包含子选择器的选择的内容 一般兄弟选择器包含相邻兄弟选择的内容 相邻兄弟选择器和一般兄弟选择器所选择到的元素,必须在同一个父元素下查看全部
-
IE会将注释节点实现为元素,所以在IE中调用getElementsByTagName里面会包含注释节点,这个通常是不应该的 getElementById的参数在IE8及较低的版本不区分大小写 IE7及较低的版本中,表单元素中,如果表单A的name属性名用了另一个元素B的ID名并且A在B之前,那么getElementById会选中A IE8及较低的版本,浏览器不支持getElementsByClassName查看全部
-
元素的visibility: hidden 或 opacity: 0被认为是可见的,因为他们仍然占用空间布局。 display:none;和width:0;height:0被认为是不可见的查看全部
-
html()与text()区别看:http://blog.csdn.net/weijie_home/article/details/50663050 函数看:http://blog.csdn.net/gao454917848/article/details/39155947 配合代码查看全部
-
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> <title></title> </head> <body> <script type="text/javascript">alert($) </script> </body> </html>查看全部
-
$('div > p')子选择器 选择所有div元素里面的子元素P $('div p') 后代选择器 选择所有div元素里面的p元素 $(".prev+div")相邻兄弟选择器 选取prev后面的第一个的div兄弟节点 $('.prev~div')一般兄弟选择器 选取prev后面的所有的div兄弟节点查看全部
-
.css() 方法:获取元素样式属性的计算值或者设置元素的CSS属性 获取: .css( propertyName ) :获取匹配元素集合中的第一个元素的样式属性的计算值 .css( propertyNames ):传递一组数组,返回一个对象结果 设置: .css(propertyName, value ):设置CSS .css( propertyName, function ):可以传入一个回调函数,返回取到对应的值进行处理 .css( properties ):可以传一个对象,同时设置多个样式 注意事项: 浏览器属性获取方式不同,在获取某些值的时候都jQuery采用统一的处理,比如颜色采用RBG,尺寸采用px .css()方法支持驼峰写法与大小写混搭的写法,内部做了容错的处理 当一个数只被作为值(value)的时候, jQuery会将其转换为一个字符串,并添在字符串的结尾处添加px,例如 .css("width",50}) 与 .css("width","50px"})一样查看全部
-
相比较jQuery转化成DOM,开发中更多的情况是把一个dom对象加工成jQuery对象。 $(参数)是一个多功能的方法,通过传递不同的参数而产生不同的作用。 如果传递给$(DOM)函数的参数是一个DOM对象,jQuery方法会把这个DOM对象给包装成一个新的jQuery对象。通过$(DOM)方法将普通的DOM对象加工成jQuery对象之后,我们就可以调用jQuery的方法了。 <div>元素一</div> <div>元素二</div> <div>元素三</div> var div = document.getElementsByTagName('div'); //dom对象 var $div = $(div); //jQuery对象 var $first = $div.first(); //找到第一个div元素 $first.css('color', 'red'); //给第一个元素设置颜色 通过getElementsByTagName获取到所有div节点的元素,结果是一个DOM合集对象,不过这个对象是一个数组合集(3个div元素)。通过$(div)方法转化成jQuery对象,通过调用jQuery对象中的first与css方法查找第一个元素并且改变其颜色。查看全部
-
通过选择器方法,判断选择器名称 $( "parent > child" ) $("prev + next") $("ancestor descendant") $("prev ~ siblings") $( "parent > child" ) 子选择器:选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器:选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子,孙子,曾孙等 $("prev + next") 相邻兄弟选择器:选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器:匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素,并匹配过滤“siblings”选择器查看全部
举报
0/150
提交
取消