JQUERY记录

jQuery是js库，类似于java的工具类

DOM DOCUMENT OBJECT MODEL,文档对象模型

$(document).ready(function(){
            alert("hello,jquery");
        })

$是jquery中的函数名，document是参数，作用是 使document变成jQuery库可以使用的对象

ready是函数名，当页面中的dom加载完成后会执行ready函数的内容，ready相当于js中的onLoad事件，function()，表示onload后要执行的代码

$(document).ready(function(){alert("123");}) 的简写如下

$(function(){
            alert("123");
        })

通过jquery获取的对象都是数组

DOM对象和JQUERY对象互相转换

dom对象，使用js语法创建的对象，也就是js对象 如 var obj =document.getElementById("txt1");

jquery对象，，使用jquery语法创建的对象，就是jquery对象 例如

var jobj = $("#txt1");   这是一个数组，现在数组中就一个值

dom对象转换为jquery对象  语法是  var jobj = $(obj);

jquery对象转换为dom对象  语法是  var obj = jobj[0];  或者 var obj = jobj.get(0);

当是dom对象时，可以使用dom的属性和方法，如果想使用jquery的函数或属性，必须是jquery对象才行

function fun1(){
            var bt1 = document.getElementById("bt1");  //dom对象
            alert(bt1.value);  //dom对象的属性
            
            var jbt1 = $(bt1);  //jquery对象
            alert(jbt1.val());  //jquery的函数
        }

jquery中的操作都是操作数组中的全部成员

选择器

id选择器     $("#id");

样式选择器  $(".two");

标签选择器  $("div");

全部选择器 $("*");

 表单选择器

使用input标签的type属性的值获取jquery对象。不管input标签在不在form表单中都能用

$(":text");  $(":password");

过滤器

在定位了dom对象后， 根据过滤条件筛选dom对象，过滤器不能单独使用，必须跟着选择器用

$("选择器:first");  //第一个

$("选择器:last");// 最后一个

$("选择器:eq(数组的下标));//

$("选择器:lt(数组下标);

$("选择器:gt(数组下标));

给DOM对象绑定事件,事件名称就是dom对象的事件去掉前面的on

$("#btn").click(function(){ alert("123");  });

$(document).ready(function(){

     $("#btn").click(function(){

});

});

AJAX

语法  $.ajax({})

 

表单对象属性过滤器

$(":text:enabled");   //选择可用的文本框

$(":text:disabled");  //选择不可用的文本框

$(":checkbox:checked");  //复选框 选中的元素

选择器>option:selected ;//下拉框中选中的值

常用函数

val(),

无参数时，获取选择器中数组的第一个标签的value

val("abc")，有参数时，设置选择器中数组中的所有的value都为abc

text(),

无参数时，获取选择器中数组的所有的text的连接值

text("abc")有参数时，设置选择器中数组的所有的text的值为abc

attr(),

attr("src")只有一个参数时，获取选择器中属性的值

attr("src","img/abc.jpg");两个参数，设置选择器中src的属性为  img/abc.jpg

remove()

将选择器中所有的DOM对象及其子对象一起删除

empty()

将选择器中所有的DOM对象的子对象删除

append()

将选择器数组中所有的对象添加子对象

html()

innerHTML，

无参时，获取选择器中数组中的第一个DOM的html内容

有一个参数时，设置选择器中数组中的所有DOM的html内容

each

  可以使用于   数组【1，2，3】，json对象{”a":"123","b":"456"}，dom数组 $("div")

语法  $.each(循环的内容，处理函数)         $：jquery的类，each： 类的静态方法

处理函数  function(index,element)

index,数组中的索引，element 数组中的成员

JQuery对象.each(function(i,element){})

 

====

   str的值会代替====

====

  str的值会代替====