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() - 设置或返回所选元素的文本内容