jQuery----知识点

1、选择器

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>jquery</title>
    <script src="js/jquery-2.2.1.min.js"></script>
</head>
<!--
    <body>
    1、ready和load的区别

     *网站加载过程*

     解析HTML结构

     加载外部脚本和样式表文件

     构造HTML、DOM模型 ————ready

     加载脱线扥国外部文件

     执行JS脚本   ————load
  -->
<!--
     2、jquery 串行结构
       $(this).addClass("heighlight").next().show().sibliings().next().hide();

      将一堆的操作通过.连接在一个对象上。

   -->

<body>
    <ul class=‘ul1‘>
        <li class=‘l1‘>
            <ul>
                <li>li1-1</li>
                <li>li1-2</li>
                <li>li1-3</li>
                <li>li1-4</li>
                <li>li1-5</li>
            </ul>
        </li>
        <li class=‘l2‘>li2</li>
        <li class=‘l3‘>li3</li>
        <li class=‘l4‘>li4</li>
        <li class=‘l5‘>li5</li>
    </ul>

    <script type="text/javascript">

    $(".ul1 li").css("background", "red");  //后代选择器
    $(".ul1>li").css("background", "black"); //子选择器
    $(".l1+li").css("background", "blue");  // 相邻兄弟选择器
    $(".l1~li").css("background", "green");  //相邻通用选择器

    </script>
</body>

</html>

时间： 2024-10-04 23:05:14

jQuery----知识点的相关文章

jquery知识点梳理

jQuery知识点梳理一. jquery选择器基本选择器 ID选择器类选择器标记选择器分组选择器通配符选择器层次选择器 $(“ancestor descendent”):祖先后代选择器空格 $(“parent > child”):父子选择器大于 $(“prev + next”):相邻后兄弟元素选择器加号 $(“prev ~ siblings”):所有后兄弟元素选择器波浪线过滤选择器:基本过滤选择器 :first.:last.:od

jQuery知识点总结（第一天）

整理笔记前的题外话: 我认为互联网的高速发展其中最为主要的一点就是——开源. 开源精神,使得无数的IT爱好者贡献所学,将自己的智慧结晶无偿奉献给大家.后辈的学习者在混沌的互联网世界里,追寻着前辈们留下的足迹,亦步亦趋的前往更高的层楼.开源精神,大大减少了后辈们在学习技术的难度,使得技术的升级和迭代日新月异.我希望成为一名思维开阔的人,成为对互联网有贡献的开源人. 我是后端PHP程序员,很少写前端页面.在做项目的过程中,被jQuery的便捷性所吸引.因此购买了<锋利的JQuery>一书,最近一边

jQuery知识点总结（第二天）

今天继续从我的笔记上面搬运.我们不产生知识,只是知识的搬运工. 内容过滤选择器: ○ 内容选择过滤器 $("div:contains('text')"); 内容为'text'的那个div ○ 不包含子元素也不包含文本元素(一穷二白的选择器) $("div:empty"); ○ 含有选择器所匹配元素的元素(真他妈绕口) $("div:has(p)&q

jQuery知识点总结

一.元素的增删改查 1.增加 a.append() 和 appendTo() 区别 append():后边的加到前边的里边(后置插入) appendTo():前边的加到后边的里边 b.prepend() 和 prependTo() 区别后边的加到前边的里边(前置插入) c.after() 和 before() 区别后边的插入到前边的之后后边的插入到前边的之前 2.删除 a.remove .empty 和 detach 方法的区别 Remove:移除 Empty:把元素内容清空 De

jQuery 知识点总结

[文章根据尚硅谷教学材料总结] 发博备查. 1. . class选择器 # id选择器 : 选取 2. $(function(){})相当于 window.onload 方法. window.onload = function(){...} 3. 加载DOM的两种方式: jQuery 和 window.onload $(document).ready(function(){...}) $(function(){...} 4. 选取butto

几个简单的jquery知识点练习

三.jquery对象和dom对象 <script type="text/javascript"> //页面的基本元素加载后 $(function () { var btnObjDom = document.getElementById('btn'); //dom对象变成jquery对象 alert($(btnObjDom).val());//如果val()该方法括号中什么都不写,表示的是获取值 //如果在括号中写内容了,表示的是设置该属性的值 //jquery对象变成dom

jQuery知识点积累

1. jQuery对象与JavaScript对象转换 jQuery-->JavaScript 两种方法: $(selector).get(index) ; $(selector)[index]; JavaScript-->jQuery 只需要将获取的JavaScript对象用$包装即可, 如: var obj = document.links; $(obj).css("color","red");

jquery知识点复习

一. 基本概念 jQuery简介 jQuery是一个基于javascript的框架.它提供了丰富的选择器和大量的函数,可以方便的实现网页中各种动态的效果.迄今为止,已经有大量的jquery插件和基于jQuery的UI框架(miniui.easyui.ligerui). jQuery的宗旨是:write less,do more! 文档加载完毕函数常规形式:$(document).ready(function(){- -}); 简写形式:$(function(){- -}); jquery对象和

jquery知识点整理

1.jquery可以加载多个ready函数,而原始的js只能加载一次onload 2.用dom对象得到的对象不能使用jquery中的方法,比如var p=document.getElementById("id"),此时p不能这样使用p.html(),而应该使用innerHTML.同样,jquery对象不能使用dom中的方法,如果juqery中改写了dom中的方法,则可以使用dom中的方法. 3.jquery对象转换为dom对象的方法: 4.<input type="te

jQuery知识点总结（第四天）

前三天是jQuery的基础部分,选择器学好了.才能进行下一步的操作,如果前三天没学过没学好,不要跳着学.粗俗的话叫做,步子大了,容易扯着蛋.一步一个脚印,是最好的方式. 强调一下.有问题,不要憋着不讲.评论区里可以尽情提问,有问题才是好孩子. jQuery插入节点的方法: 插入节点主要有两种方式,一种是内插,一种是外插.外插花样多,还分前插和后插.各位看官自动脑补岛国动画,只要你能记住,我拦不住您瞎想. 本着no picture no bibi 的精神.我画几个图,对比学习.当然更好的是你自己练