-
$(':enabled’),$(‘:disabled’)和$(':selected')可以前面不加条件直接用如: $(':enabled').css("border", "2px groove red"); $(':disabled').css("border", "2px groove blue"); $(':selected').removeAttr('selected') 他们都是特指的$(':enabled’),$(‘:disabled’)只用于input,$(':selected’)只用于option. 也可以加ID或者classname或者element: $('input:enabled’) $(‘#ID:disabled') $(‘.classname:selected') 在某些浏览器中,选择器:checked可能会错误选取到<option>元素,所以保险起见换用选择器input:checked,确保只会选取<input>元素查看全部
-
获取元素属性查看全部
-
$(".div:contains(:contains)").css("color", "#CD00CD"); contains(:contains) 一样可以选取里面为:contains的文本, 不一定要单引号?查看全部
-
查找div中name属性为p1的div元素:$('div[name=p1]')<br> 查找div中属性名为p2的div元素:$('div[p2]')<br> 查找所有div中,有属性name中的值包含一个连字符“-”的div元素:$('div[name=a]') 查找所有div中,有属性name中的值包含一个连字符“空”的div元素:$('div[name~=a]') 查找所有div中,属性name的值是用imooc开头的:$('div[name^=imooc]') 查找所有div中,属性name的值是用imooc结尾的:$('div[name=$imooc]') 查找所有div中,有属性name中的值包含一个test字符串的div元素:$('div[name*=test]') 查找所有div中,有属性testattr中的值没有包含"true"的div:$('div[testattr!= true]') $(‘element[attribute=“value”]’) //此处的value可带也可不带引号,以上所有情况皆适用.查看全部
-
id选择器也是基本的选择器,jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。原生语法的支持总是非常高效的,所以在操作DOM的获取上,如果能采用id的话尽然考虑用这个选择器.查看全部
-
全选择器 $('*')查看全部
-
元素选择器 $('element')查看全部
-
<script type="text/javascript"> //通过原生方法处理 //获取到所有的节点标记名为div的元素 //给每一个div加上蓝色的边框 var divs = document.getElementsByTagName('div'); for (var i = 0; i < divs.length; i++) { divs[i].style.border = "3px solid blue"; } </script>查看全部
-
jquery对象转换成DOM对象: 一、通过数组下标的方式 var $div = $('div') //jQuery对象 var div = $div[0] //转化成DOM对象 div.style.color = 'red' //操作dom对象 二 、通过jquery自带的get()方法 var $div = $('div') var div = $div.get(0) div.style.color = 'red'查看全部
-
<!-- 使用JS原生语法 --> <script type="text/javascript"> window.onload = function(){ // 通过原生JS语法获取id为imooc1的元素p var p = document.getElementById('imooc1'); // 将元素p在html中内容改变 p.innerHTML = 'P1:您好!通过慕课网学习jQuery才是最佳的途径'; // 将元素p的内容颜色改为红色 p.style.color = 'red'; } </script> <!-- 使用jQuery语法 --> <script type="text/javascript"> $(document).ready(function() { /** * 通过jQuery语法获取id为imooc2的元素获得一个jQuery对象 * 调用该对象的html()方法进行更改内容 * 调用该对象的css()方法进行更改颜色样式 */ var $p = $('#imooc2'); $p.html('P2:您好!通过慕课网学习jQuery才是最佳的途径').css('color','red'); }); </script>查看全部
-
$(document).ready 的意思是等页面的文档(document)中的节点都加载完毕后,在执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用查看全部
-
环境搭建 <head> <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <script type="text/javascript">alert($)</script> </body> alert弹出信息 说明环境搭建成功查看全部
-
Jquery可以与Javascript相互混合使用。查看全部
-
$(document).ready的意思是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候可能会依赖页面的某一个元素,我们要确保这个元素真正的被加载完毕后才能正确的使用。查看全部
-
jquery是JavaScript库,它的核心是javascript查看全部
举报
0/150
提交
取消