-
JQuery本质上它还是JavaScript的代码,只不过它是把JavaScript进行了封装,目的是提高开发效率!以往我们在使用JS进行开发的时候!往往要考虑浏览器的兼容性问题,而且写业务逻辑,要写很多的代码,但是JQuery只需要很少的代码,就可以实现和JS一样的效果,还不用考虑浏览器的兼容问题,JQuery的宗旨是 write less do more,即写的少,做的多。查看全部
-
.addClass适用于静态的结构,都确定了布局的规则,可以用addClass的方法,增加统一的类规则 如果是动态的HTML结构或者单一元素,在不确定规则,或者经常变化的情况下,一般多考虑.css()方式。 此外.css()方式优先级大于addClass();查看全部
-
浏览器支持: [att=val]、[att]、[att|=val]、[att~=val] 属于CSS 2.1规范 [ns|attr]、[att^=val]、[att*=val]、[att$=val] 属于CSS3规范 [name!="value"] 属于jQuery 扩展的选择器 CSS选择器无论CSS2.1版本还是CSS3版本,IE7和IE8都支持,webkit、Gecko核心及Opera也都支持,只有IE6以下浏览器才不支持查看全部
-
jQuery选择器之属性筛选选择器 <script type="text/javascript"> //查找所有div中,有属性name中的值只包含一个连字符“-”的div元素 $('div[name|="-"]').css("border", "3px groove #00FF00"); </script> <script type="text/javascript"> //查找所有div中,有属性name中的值包含一个连字符“空”的div元素 $('div[name~="b"]').css("border", "3px groove #668B8B"); </script> <script type="text/javascript"> //查找所有div中,属性name的值是用imooc开头的 $('div[name^="imooc"]').css("border", "3px groove red"); </script> <script type="text/javascript"> //查找所有div中,属性name的值是用imooc结尾的 $('div[name$="imooc"]').css("border", "3px groove blue"); </script> <script type="text/javascript"> //查找所有div中,有属性name中的值包含一个test字符串的div元素 $('div[name*=test]').css("border", "3px groove #00FF00"); </script> <script type="text/javascript"> //查找所有div中,有属性testattr中的值没有包含"true"的div $('div[testattr!=true]').css("border", "3px groove #668B8B"); </script>查看全部
-
split()方法可以利用字符串的子字符串的作为分隔符将字符串分割为字符串数组,并返回此数组。查看全部
-
:hidden选择器,不仅仅包含样式是display="none"的元素,还包括隐藏表单、visibility等等 我们有几种方式可以隐藏一个元素: CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的,该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0 根据显示或者隐藏来选择元素 $(":visible") 选择所有显示的元素 $(":hidden") 选择所有隐藏的元素查看全部
-
$(":contains(text)") 选择所有包含指定文本的元素 $(":parent") 选择所有含有子元素或者文本的元素 $(":empty") 选择所有没有子元素或者文本的元素 $(":has(selector)") 选择元素中至少包含指定元素的元素查看全部
-
.html(),.text()和.val()的差异总结: .html(),.text(),.val()三种方法都是用来读取选定元素的内容;只不过.html()是用来读取元素的html内容(包括html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上;另外.html()方法使用在多个元素上时,只读取第一个元素;.val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。 .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容,如果三个方法同时运用在多个元素上时,那么将会替换所有选中元素的内容。 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
$(":first")匹配的第一个元素,如第一个div元素为$(".div:first").css("color","#CD00CD"); $(":last")匹配的最后一个元素,如最后一个div元素为$(".div:last").css("color","#CD00CD"); $(":not(selector)")选择不包含括号里面的选择器元素,如 选中所有没有checked属性的input元素后的p元素,赋予颜色$("input:not(checked)+p ").css("background-color", "#CD00CD"); $("eq(index)")在匹配的集合选择索引值等于index的元素【eq=equal,等于的意思】 $(":even"):选择索引值为偶数的元素,从0开始计数。【even偶数】 $(":odd"):选择索引值为奇数的元素,从0开始计数。【odd奇数】 $(":gt(index)"):选择匹配集合中,所有大于给定index(索引值)的元素。【gt=greater than(意思是大于)】 $(":lt(index)"):选择匹配集合中,所有小于等于给定index(索引值)的元素。【less than(意思是小于)】 $(":header"):选择所有标题元素,如h1,h2,h3等 $(":lang(language)"):选择指定语言的所有元素。 $(":root"):选择该文档的根元素。 $(":animated"):选择所有正在执行动画效果的元素查看全部
-
indexOf()是返回()中字符出现的位置,从0开始计数,如果没有则返回-1 if(-1 !== className.indexOf('imooc'))查看全部
-
将dom对象转换成jquery对象:$(dom);查看全部
-
$jquery=$("select"); jquery对象转化成dom对象: 1.var element=$jquery.get(i);//i:jquery对象类数组的第i个dom元素 2.var element=$jquery[i];//使用类似数组的方式取得第i个dom元素查看全部
-
JQuery加载页面的三种方法: 1.$(document).ready(function(){}); 2.$(function(){}); 3.jQuery(function($){});查看全部
-
www查看全部
-
html处理的是元素内容,.text处理的是文本内容查看全部
举报
0/150
提交
取消