标签:function 这么 color jq js div li
<!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="./js/jquery-3.3.1.min.js"></script> <title>Document</title> <script> // window.onload = function () { // console.log(0) // } // onl oad = function () { // console.log(0) // }
// alert(); // window.alert();
// jquery对象的三种表现形式 // $(document).ready(function(){
// }) // $().ready(function(){
// }) // $(function(){
// })
// js对象转换jq对象 // js => jq // jq = $(js/dom) // jq = $(div) // jq = $("<li>列表</li>")
// jq对象转换成js对象 // [0] // js = jq[0] // 例子: // js = $(div)[0] // js = $div[0]
$(function () { // 将js封装为jq // 简化前 // var div = document.querySelector(".div"); // var $div = $(".div")
// 简化后 var $div = $(".div")
// js封装成jq之前 // div.onclick = function(){
// }
// js封装成jq之后 // $div.click(function(){
// })
$("li:frist") // eq 代表等于 $("li:eq(2)").css("color", "red") // gt 代表大于 $("li:gt(2)").css("color", "green") // lt 代表小于 $("li:lt(2)").css("color", "bule") // li:eq(2)中li 和 :eq之间不能加空格!!!因为过滤的是li自身所以要紧挨着:eq
// 内容过滤器 // $("li:parent").css("color","red") // $("li:parent").css("color","red") 文本节点(空格/换行)也可以起作用 用来验证里面有没有东西 //$("li:has(.span)").css("color","red")验证其中有无内容 选择器 //$("li:contain(999)").css("color","red")文本检查 检查的是文本 选择器 //display:none看不见 选择器只识别display:none }) </script> </head>
<body> <div class="div"></div> <ul> <li>列表1</li> <li>列表2</li> <li>列表3</li> <li>列表4<span class="span">999</span></li> <li>列表5</li> <li>
</li> </ul> </body>
</html>
标签:function,这么,color,jq,js,div,li 来源: https://www.cnblogs.com/mz610/p/15523632.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。