-
$(":contains(text)")选择所有包含指定文本的元素 $(".div:contains('contains')").css("color", "#CD00CD"); $(":parent")选择所有包含子元素或者文本的父级元素 $("a:parent").css("border", "3px groove blue"); $(":empty")选择没有子元素的元素 $("a:empty").text(":empty").css("border", "3px groove red"); $(":has(selector)")选择元素其中至少包含指定选择器匹配的一种元素 $(".div:has(span)").css("color", "blue"); 1):contains与:has都有查找的意思,但是contains查找包含“指定文本”的元素, has查找包含“指定元素”的元素 2)如果:contains匹配的文本包含在元素的子元素中,同样认为是符合条件的。 3):parent与:empty是相反的,两者所涉及的子元素,包括文本节点查看全部
-
基本筛选选择器 1)$(":first")匹配第一个元素 2)$(":last")匹配最后一个元素 3)$(":not(selector)")选择所有元素不匹配给定元素 4)$(":eq(index)")在匹配的集合中选择索引值为index的元素 5)$(":gt(-index)")在匹配的集合中选择所有大于给定index值的元素 6)$(":even")从0开始计数,选择索引值为偶数的元素 7)$(":odd")从0开始计数,选择索引值为奇数的元素 8)$(":it(index)")选择匹配集合中所有索引值小于给定index参数的元素 9)$(":header")选择所有标题元素 10)$(":lang(language)")选择制定语言的元素 11)$(":root)")选择该文档的根元素 12)$(":animated)")选择所有正在执行动画效果的元素 //:not 选择所有元素去除不匹配给定的选择器的元素 //选取所有input中,没有checked属性的p元素,赋予颜色 $("input:not(:checked)+p").css("background-color", "#CD00CD");查看全部
-
层级选择器: 1)子选择器:$("parent>child") 2)后代选择器:选择所有后代$("ancestor descendant") 3)相邻兄弟选择器:$("pre+next") 4)一般兄弟选择器:$("pre~sibling")查看全部
-
$dd.css('')查看全部
-
$dd.get(9);查看全部
-
类数组对象 var $dd; 对象查看全部
-
jQuery环境的搭建 下载http://jquery.com/download/ 系列1.x和2.x,区别2.x不再兼容IE6/7/8为移动端而优化使版本比JQuery1.x更 小且块。如果比较在意IE用户可以使用1.9版本。 版本每个系列都分为压缩版和开发版压缩版体积更小效率更快。开发版便于 修改和调试。 引用<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>查看全部
-
JavaScript代码 var $div = $('div') //jQuery对象 var div = $div[0] //转化成DOM对象 div.style.color = 'red' //操作dom对象的属性 用jQuery找到所有的div元素(3个),因为jQuery 对象也是一个数组结构,可以通过数组下标索引找到第一个div元素,通过返回的div对象然后调用它style属性然修改第一个div元素的颜色。这里需要注意的一点是,数组的索引是从0开始的,也就是第一个元素下标是0查看全部
-
普通处理,通过标准JavaScript处理: var p = document.getElementById('imooc'); p.innerHTML = '您好!通过慕课网学习jQuery才是最佳的途径'; p.style.color = 'red'; 通过原生DOM模型提供的document.getElementById(“imooc”) 方法获取的DOM元素就是DOM对象,通过DOM方法将自己的innerHTML与style属性处理文本与颜色。 jQuery的处理: var $p = $('#imooc'); $p.html('您好!通过慕课网学习jQuery才是最佳的途径').css('color','red'); 通过$('#imooc')方法会得到一个$p的jQuery对象,$p是一个类数组的对象这个对象里面其实是包含了DOM对象的信息的然后封装了很多操作方法,调用自己的方法html与css处理,得到的效果与标准的JavaScript处理结果是一致的。查看全部
-
lt : 这是 lL ,不是 iI .查看全部
-
this,表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象,可以调用jQuery的方法和属性值。查看全部
-
this是JavaScript中的关键字,指的是当前的上下文对象,简单的说就是方法/属性的所有者查看全部
-
.css()与.addClass()设置样式的区别 1.可维护性 .addClass()可以统一修改删除,.css()方法就需要指定每一个元素一一修改,比较麻烦。 2.灵活性 .css()可以很容易动态的去改变一个样式,不需要新定义个class类。一般在不确定开始布局规则,通过动态生成的HTML代码结构中,都是通过.css()方法处理的。 3.样式值 .addClass()本质只是针对class的增加删除,不能获取到指定样式的属性值,css()可以。 4.样式的优先级 当外部样式、内部样式和内联样式同一样式规则同时应用于同一个元素时,优先级如下: 外部样式 < 内部样式 < 内联样式 .addClass()一般是在外部文件和内部样式中先定义好的,等有需要时再附加上元素上。 .css()处理的是内联样式,直接通过元素的style属性附加到元素上的。 通过.css()方法设置的样式属性优先级要高于.addClass()方法。 总结: 一般静态的结构,布局的规则确定了,可以用addClass 如果是动态的HTML结构,在不确定规则,或者经常变化的情况下,一般多考虑.css()查看全部
-
css()<br> 1.css("background-color") 获取元素的背景颜色值 2.var value = $(".first").css(["width","height"]) //获取类first的宽度和高度 $("p:eq(2)").text("width:"+value.width + " height:" + value.height) 3.css("font-size","18px")和css("fontSize","18px") 都可设置字体大小。 4.split("px") 去除单位px 5.$(".seventh").css({ "color":"#fff", "background-color":"red", "border":"2px solid blue" })查看全部
-
$("div").first().css("color","red");查看全部
举报
0/150
提交
取消