jQuery基本语法

jQuery由美国人John Resig于2006年创建 jQuery是目前最流行的JavaScript程序库,

它是对JavaScript对象和函数的封装 它的设计思想是write less,do more

基础语法:$(selector).action()

  • 美元符号定义 jQuery  $ 
  • 选择符(selector)“查询”和“查找” HTML 元素
  • jQuery 的 action() 执行对元素的操作
    • 工厂函数$():将DOM对象转化为jQuery对象
    • 选择器 selector:获取需要操作的DOM 元素
    • 方法action():jQuery中提供的方法,其中包括绑定事件处理的方法
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有段落
  • <script type="text/javascript" src="./js/jquery-1.8.3.min.js" ></script>

    <script type="text/javascript">
        $(document).ready(function(){
             $("h1").click(function(){
                $(this).css('color','blue');
                $('p').css({'font-size':"14px",'line-height':'30px'});
            });
        });
    
    </script>

(document)意思是说,获取整个网页文档对象(类似的于window.document),$(document).ready意思就是说,获取文档对象就绪的时候。当前文档加载完毕即会执行下面的函数

click是函数对象的一个方法。方法为点击鼠标事件!执行下面的函数

this是获取当前对象。

jQuery选择器

类CSS选择器

  • 基本选择器
  • 层次选择器
  • 属性选择器

过滤选择器

  • 基本过滤选择器
  • 可见性过滤选择器

  

以上图表来自于老师教案。

 

show( ) 显示隐藏的匹配元素。

hide( ) 隐藏所有的匹配元素。

toggle( ) 切换元素的可见状态。

find()搜索所有与指定表达式匹配的元素

text() - 设置或返回所选元素的文本内容

原文地址:https://www.cnblogs.com/cyjy/p/6095469.html