Jquery接触

1.JQuery,是JavaScript的框架库,这些库对JavaScript进行了封装,很好解决了不同浏览器之间兼容的问题。它本身是一堆函数库。

2.jquery中最常用的对象是$,也可以是jQuery代替

<script type="text/javascript" src="D:\jquery\jquery-1.8.2.min.js"></script>先进行链接
<script type="text/javascript">
$(function(){
alert(‘加载完成‘);
});

3.$(fn)等价于$(document.ready(fn))

window.onload需要等页面完全加载玩后才能被触发,只能创建一次

$(document).ready()只要dom加载完就能执行,能创建多次

3.$.map和$.each

$.map遍历数组,$.each遍历键值对

<script type="text/javascript" src="D:\jquery\jquery-1.8.2.min.js"></script>
<script type="text/javascript">

// var arr=[1,2,3,4,5];
// var ads= $.map(arr,function(ele,index){
//
// return index>2?ele*2:ele;
//
var dic={"name":"小明","age":"19","gender":"男"};
$.each(dic,function(key,value){
alert(key+"===="+value);
});

// });
//alert(ads);
</script>

4.js中arguments的作用

答:1:arguments是收到的实参副本  在词法分析中, 首先按形参形成AO的属性,值为undefined  当实参传来时, 再修改AO的相应属性.  2:并把所有收到实参收集起来,放到一个arguments对象里  t(a,b,c){},  调用时: t(1,2,3,4,5) 5个参数  此时 , AO属性只有a,bc,3个属性, arguments里有1,2,3,4,5, 所有的值

  对于超出形参个数之外的实参, 可以通过arguments来获得  3:arguments 的索引 从 0, 1,2,....递增,与实参逐个对应  4:arguments.length 属性代表实参的个数  5:arguments一定不是数组, 是长的比较像数组的一个对象,虽然也有length属性  6:arguments每个函数都会有,因此,arguemnts只会在内部找自身的arguments,  无法引用到外层的arguments  <script type="text/javascript">  // 求圆形面积,矩形面积, 三角形面积  function area () {  if(arguments.length == 1) {  alert(3.14 * arguments[0] * arguments[0]);  } else if(arguments.length == 2) {  alert(arguments[0] * arguments[1]);  } else if(arguments.length == 3) {  alert(arguments[0] + arguments[1] + arguments[2]);  } else {  return null;  }  }  area(10,20,30);    </script>
时间: 2024-10-24 05:40:04

Jquery接触的相关文章

初次接触JQuery

初次接触JQuery 1. 综述 JQuery,是一个JavaScript库,给JavaScript开发带来了极大的便利.它有以下好处:减少了JavaScript的代码量:分离了JavaScript和HTML,在页面里只需要定义id即可:方便地为网站提供Ajax交互. 2. JQuery代码 2.1 函数调用 $(this).hide(); 对当前HTML元素,调用hide函数,即隐藏他. $("p").hide(); 对所有的<p>元素,调用hide函数,即隐藏他. $(

与Jquery Mobile的第一次亲密接触

Jquery Mobile闻名已久,今天终于有亲密接触的机会. 通过动手写的demo,对它有了一个基本的认识: 自带的UI组件用起来简洁,方便:对旧版本的浏览器或移动设备能做到很好的优雅降级,而不影响页面性能: 基于AJAX的数据处理给人很好的用户体验:快速,高效,交互友好: 页面切换效果么么哒; data-*属性的运用也十分便捷,易用,且功能强大. Demo: <!DOCTYPE html> <html> <head> <title></title&

jQuery的文档操作(重点)/简单接触ajax(和风天气)

一.jQuery的文档操作****** 之前js中学习了js的DOM操作,也就是所谓的增删改查DOM操作.通过js的DOM的操作,大家也能发现,大量的繁琐代码实现我们想要的效果.那么jQuery的文档操作的API提供了便利的方法供我们操作我们的文档. 看一个我们JS操作DOM的例子: var oUl = document.getElementsByTagName('ul')[0]; var oLi = document.createElement('li'); oLi.innerHTML = '

基础1.初次接触Jquery

1.浅理解Jquery:jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents.events.实现动画效果,并且方便地为网站提供AJAX交互. 2.DOM对象和Jquery对象之前的转换 A)DOM转为Jquery对象: 很简单:  var usernameElement =document.getElementById("username");        var  $usernameElement=$(usernameElemen

【jQuery】鼠标接触按钮后改变图片

1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 2 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 3 <% 4 String path = request.getContextPath(); 5 Str

jquery call方法和apply方法接触

call方法: 语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象. 说明: call 方法可以用来代替另一个对象调用一个方法.call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象. 如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj. apply方法: 语法:apply([thisObj[,argArray]]) 定义:应用某

Jquery基础1-----入门

1.让jQuery放弃对$符号的使用 出了jquery之外,仍有一些javascript库也使用了$符号,可以使用jQuery.noConflict();方法让jQuery放弃对$符号的使用 也可自定义jQuery的简写符号: var jq = jQuery.noConflict(); jq(document).ready(function(){});//jq代替$,成为jquery的简写形式 2.等待DOM就绪 $(document).ready(function(){ console.log

掌握jQuery插件开发

在实际开发工作中,总会碰到像滚动,分页,日历等展示效果的业务需求,对于接触过jQuery以及熟悉jQuery使用的人来说,首先想到的肯定是寻找现有的jQuery插件来满足相应的展示需求.目前页面中常用的一些组件,都有多种jQuery插件可供选择,网络上也有很多专门收集jQuery插件的网站.利用jQuery插件确实可以给我们的开发工作带来便捷,但是如果只是会简单使用,而对其中的原理不甚了解,那么在使用过程中碰到问题或者对插件进行定制开发时就会有诸多疑惑.本文的目的就是可以快速了解jQuery插件

Jquery实际应用,判断radio,selelct,checkbox是否选中及选中的值

jquery取radio单选按钮的值 $("input[name='items']:checked").val(); 另:判断radio是否选中并取得选中的值 如下所示: function checkradio(){ var item = $(":radio:checked"); var len=item.length; if(len>0){ alert("yes--选中的值为:"+$(":radio:checked")