jQuery---jQuery基础及选择器

获取jQuery

官网:http://jquery.com

使用jQuery弹出提示框

ready()方法

$(function(){
  //执行代码
}) ;

jQuery语法规则

  • 工厂函数$():将DOM对象转化为jQuery对象
  • 选择器 selector:获取需要操作的DOM 元素
  • 方法action():jQuery中提供的方法,其中包括绑定事件处理的方法
$(selector).action() ;

jQuery操作页面元素

  • 使用addClass( )方法为元素添加样式
jQuery 对象.addClass([样式名]);
  • 使用css( )方法设置元素样式
css("属性","属性值") ;
css({"属性1":"属性值1","属性2":"属性值2"...}) ;
  • 使用show( )、hide( ) 方法设置元素的显示和隐藏
$(selector).show( );
$(selector).hide( );

jQuery代码风格

  • $”等同于“jQuery”
$(document).ready()等同于jQuery(document).ready()
$(function(){...})等同于jQuery (function(){...})  
  • 链式操作
 $("h2").css("background-color","#ccffff").next().css("display","block");
  • 隐式迭代
$(document).ready(function() {
        $("li").css({"font-weight":"bold","color":"red"});
    });

DOM对象和JQuery对象的区别

1.jQuery对象和DOM对象

DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象;

jQuery对象就是通过jQuery包装DOM对象后产生的对象,它是jQuery独有的。如果一个对象是jQuery对象,那么就可以使用jQuery里的方法,例:
$("#foo").html(); //获取id为foo的元素内的html代码,html()是jQuery特有的方法;

2.jQuery对象和DOM对象的互相转换

jquery对象转换成 dom对象
jquery提供了两种方法将一个jquery对象转换成一个dom对象,即[index]和get(index)。

附:平时用到的jquery对象都是通过$()函数制造出来的,$()函数就是一个jquery对象的制造工厂.
建议:如果获取的对象是 jquery对象,那么在变量前面加上$,这样方便容易识别出哪些是jquery对象,例如:
var $variable = jquery对象;
如果获取的是dom对象,则定义如下:
var variable = dom对象

 

jQuery---jQuery基础及选择器

上一篇:.net Core自定义中间件中读取Request.Body和Response.Body的内容?


下一篇:php composer