javascrip jquery 学习随笔

js

jquery

时间: 2024-10-11 04:22:45

javascrip jquery 学习随笔的相关文章

jQuery学习随笔(二)

总结: 常规选择器 1.简单选择器: 2.进阶选择器: 3.高级选择器.  一.简单选择器 在使用jQuery 选择器时,我们首先必须使用“$()”函数来包装我们的CSS 规则.而CSS 规则作为参数传递到jQuery 对象内部后,再返回包含页面中对应元素的jQuery 对象.随后,我们就可以对这个获取到的DOM 节点进行行为操作了.                              #box {                                     //使用ID 选择

jquery学习随笔(动画效果)

show hide jQuery 中显示方法为:.show(),隐藏方法为:.hide().在无参数的时候,只是硬性的显 示内容和隐藏内容. $('.show').click(function () { //显示 $('#box').show(); }); $('.hide').click(function () { //隐藏 $('#box').hide(); }); //使用.show()和.hide()的回调函数,可以实现列队动画效果. $('.show').click(function

jquery学习随笔(工具函数)

在jQuery 中,字符串的工具函数只有一个,就是去除字符串左右空格的工具函数:$.trim(). //$.trim()去掉字符串两边空格 var str = ' jQuery '; alert(str); alert($.trim(str)); jQuery 为处理数组和对象提供了一些工具函数,这些函数可以便利的给数组或对象进行遍历.筛选.搜索等操作. //$.each()遍历数组 var arr = ['张三', '李四', '王五', '马六']; $.each(arr, function

jquery学习随笔(冒泡和默认行为)

如果在页面中重叠了多个元素,并且重叠在这些元素都绑定了同一个事件,那么就会出现冒泡问题(这些元素在一个div内或者一个盒子模型内) $('input').click(function(){ alert('input'); }) $('div').click(function(){ alert('input'); }) $('document').click(function(){ alert('input'); }) <div style="width:200px;height:200px

jquery学习随笔(表单选择器)

jquery学习随笔(事件对象)

$('input').bind('click',function(e){ alert(e.type)                      //结果是click alert(typeof e.type)            //返回的是字符串 }) target是获取触发元素的DOM,触发元素,就是你点了那个就是哪个 currentTarget得到的是监听元素的DOM,你绑定的是哪个就是哪个 例如: $('div').bind('click',function(e){ alert(e.ta

jQuery学习笔记(一):入门

jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操作如下: 1 document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下: 1 $('#info').val('Hello World!'); 嗯,可以看出,使用JQuery的优势之一是可以使代码更加简练,使开

JavaWeb学习随笔

Servlet学习随笔 1.HttpServlet init(ServletConfig)------Servlet生命周期中的初始方法,默认情况是服务器创建后第一次访问这个Servlet时调用,可以修改配置信息,使其在服务器一创建时就被调用; 修改配置信息的方法-----在web.xml的<servlet>下添加<load-on-startup>x<load-on-startup>,x是正整数,越小表示优先级越高 url路径的配置,完全匹配>目录匹配>(.

jquery学习(一)

简单的jquery学习,首先在页面引入jquery <!-- 引入jquery --> <script src="js/jquery-1.8.3.js" type="text/javascript"></script> 首先一定要注意的是引入的路径 按照案例写一个简单的DEMO <%@ page language="java" contentType="text/html; charset=UT