您的位置:首页 > Web前端 > JQuery

jquery选择器

2014-03-14 12:15 281 查看
3.12晚

1、jquery与其他库冲突
1)jquery库在其他库之后调入。
用jquery.noConflict();将变量$的控制权交出去,然后用jquery表示jquery对象。
自定义jquery的快捷方式 :var $j = jquery.noConflict();
就是想用$快捷键:一是jquery.noConflict();把$的控制权交出去,然后所有的jquery的方法都放在jquery(里面继续用$)。
二是jquery.noConflict();把$的控制权交出去,然后function($){里面放jquery方法,用$变量即可}定义匿名函数,函数形参 为$.
2)jquery先调入,其他库后调入。
直接用jquery表示jquery对象。
2、当要用jquery检查某个元素在网页中是否存在时,两个方法:一是用.length;方法(我觉得比较常用的)。二是转换成dom对象:cs = $("#cr")[0]/cs = $("#cs").get(0);用dom方法来判断。
3、在html页面添加css链接时用<link href="../css/style.css" type="text/css" rel="stylesheet"/>三个必须有。
4、针对元素的jquery代码要放在$(function(){里面});
5、层次选择器,空格与>的区别。空格:所有的后代元素,包括儿子、孙子、重孙子等。>:只包括儿子。
+:下一个兄弟元素,用next(“标签”)来代替。~:后面所有的兄弟元素,用nextAll(“标签”)来代替。
.siblings()方法是匹配所有的兄弟元素,不止后面,前面的也可以。
6、把一个动画的js放在了jquery.js的前面,动画就不能执行了,放在后面就能正常执行。?
7:过滤选择器都要以:开头。
8:内容过滤选择器::contains(里面写东西时不用“”),:has()同上,即使是class也不用。
9:属性过滤选择器:$("div[title^=te]"):title以te开头的div;$("div[title$=te]"):title以te结尾的div;$("div[title*=te]"):title包含te的div;
两个并列的属性:$("div[id][title*=est]");
10:子元素过滤选择器:$("div.one :nth-child(index)")one后面一定要加个空格,不然出错;并且index是从1开始的.:eq(index)的index是从0开始的,它俩的区别与下面的一样。:nth-child(3n)中的n是从0开始!!div:first-child与:first的区别,前者是匹配所有div元素的第一个儿子,而first只是第一个div。last-child同上。
3.13晚
1、表单过滤选择器
:enabled:选取所有可用元素。在input标签中有个属性disabled="disabled",这为不可用,:disabled选择器选中它。(可能其他标签也有,我还不知道。)
2、input有好多种type,当为checkbox、radio的时候,有属性checked="checked",则可以用:checked选择器。(实验了一下,button不行呐?)
3、当下拉框select中的option被选中的时候,<option selected="selected">湖南</option>,用:selected选择器。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: