Jquery基础知识01 (2)

2:Js对象转换为Jquery对象
    var ele= $(element) js对象变为了Jquery
   Jquery对象转换为js对象
   var $v =$("#v") ; //jQuery对象
   var v=$v[0]; //js对象
2:遍历数组
   1:var arr=['nba','cba','cuba','ufc'];
   $.each(arr, function(){ alert(this); });
   $.each(arr,function(index,element){
   alert(arr[index]) alert(index) alert(this)
   });
3:遍历Json数据
  var obj=['china':'中国','usa':'美国','rusiaa':'俄罗斯'];
   $.each(obj,function(key,value){
 alert(obj[key]);
 });

12:Jquery()的过滤
   三个最基本的过滤元素方法 first(),last(),eq()基于在一个元素中的位置来选一个特定元素。
   filter()和not()允许选取匹配和不匹配某项指定的标准元素。
  first()方法返回被选元素的首个元素。$("div p").first().
  last()方法返回被选元素的最后一个元素 $("div p").last();
  eq()方法返回被选元素中带有索引号 01 $("div p").eq(2) div中第三个p标签。
  fliter()方法不匹配的元素会从集合中删除,匹配的会被返回 $("p").fliter(".demo");
  not()方法返回所有不匹配的元素 $("p").not(".intro");

13:事件监听

Jquery事件监听
$(selector).bind(event,data,function,map);
event 必须 ,规定添加到元素的一个或多个事件,由空格分隔。 如click onmouseout onmouseover事件
data 可选,规定传递到函数的额外参数。
function 必需,规定当事件发生是的函数。要执行的方法
map 规定事件映射({event:function,event:function,...})包含要添加的事件和事件发生时要执行的函数。
1:添加监听事件
$('input[type="text"]').bind("click",function(){
// alert("444");
$(this).css("border","");
$(this).next().hide();
});
2:传递参数
$('p').bind("click",{msg:"你刚点击了"},handlername);
function handlername(e){
alert(e.data.msg); e.data 得到数据
}
3:事件映射 使用事件映射,向被选元素添加事件。
   $('button').bind({
   click:function(){alert("333")'},
   onmouseout:function(){$(body).css("background-color","red")},
  onmouseout:function(){$(body).cdd("background-color","white")}});
  Js事件监听
  js监听是通过addEventListener()方法来实现
  addEventListener(event,function,useCapture);
  event:事件名 如click mouseover 不要使用 on前缀。
  function 可以是一个方法,也可以是一个函数名,可以传递参数。
  useCapture 事件句柄是在 True(捕获阶段执行) false(冒泡阶段执行)。可选参数
  js去除事件监听 removeEventListener();
 removeEventListener(event, function, useCapture)
  event:事件名。
  function:要去除的方法。
  useCapture:指定移除事件句柄的阶段 true - 事件句柄在捕获阶段移除 false- 默认。事件句柄在冒泡阶段移除.
14:Json数据的加载和转换
  1:eval('('+data+')');可以将Json字符串转换位Json数据。 //可以将json字符串转换成json对象,注意需要在json字符外包裹一对小括号
  2:JSON.parse(string)将Sring转换成Json对象。
  3:JSON.stringify(obj)将JSON对象转换成String对象。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpwfxw.html