
jquery
HN-ssg
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
jquery对象的定义和使用
美元符($),下划线(_)可以作为类名和方法名,其他特殊字符都不行 jquery中不能定义 美元符($)的方法 -- $(){} ,自定义的美元符方法会覆盖jQuery中的$ $是jQuery的入口,它本身是一个函数,可以传入不同类型的参数,字符串,匿名函数 //传入的函数==window.onload $(function(){ alert("ddd"); })原创 2017-12-06 08:53:12 · 7283 阅读 · 0 评论 -
jquery extend()函数拓展
$(function(){ //静态方法扩展 $.extend({ //定义的是静态方法(函数),多个函数用,隔开 add:function(a,b) { return a+b; } /* 自定义的ajax会覆盖原有的ajax ,ajax:function(){ }*/ }); //实例方法扩展 $.fn.原创 2017-12-08 10:21:07 · 198 阅读 · 0 评论 -
jquery serialize()
用户名: 密码: 确认密码: 兴趣: 跑步 游泳 $(function() { $(":button").click(function() { /* var uname=$("#uname").val(); var upassword=$("#upassword").val(); var repassword=$("#repassword").val()原创 2017-12-08 10:19:16 · 309 阅读 · 0 评论 -
jquery each()
段落1 段落1 div1 div2 $(function() { //去除空格 var string=" d "; //alert(string.trim().length); //alert($.trim(string).length); //this在each中是dom对象 //回调函数不加参数,使用this $("p").each(func原创 2017-12-08 10:18:41 · 138 阅读 · 0 评论 -
jquery使用ajax
$(function() { $(":button").click(function() { var city=$(":text").val(); var url="http://restapi.amap.com/v3/weather/weatherInfo?key=高德地图api申请的key&city="+city; //$.ajax是$对象的一个静态方法 $.ajax({ //原创 2017-12-07 09:51:58 · 191 阅读 · 0 评论 -
jquery效果
$(function() { /* 参数:slow,fast,毫秒(1000) 显示隐藏:show(),hide() 向上向下滑动:slideDown(),slideUp() 淡入淡出:fadeIn(),fadeOut() */ $(":button:first").click(function() { //$("div").show(); //显示和隐藏:toggle()原创 2017-12-07 09:47:29 · 136 阅读 · 0 评论 -
jquery事件委派
$(function() { //非委派:通过选择器选中的标签 后续添加同样的标签 不会绑定该事件 /* $(".bt").bind("click",function(){ alert("点击了按钮"); }); */ //委派 $(document).on("click", ".bt", function() { alert("点击了按钮"); }); $(原创 2017-12-07 09:43:53 · 323 阅读 · 0 评论 -
jquery获取焦点事件
$(function() { //focus():获取文本框的焦点 $("input:text").focus(function() { if ($(this).val() == "请输入用户名"){ $(this).val(""); } }); //设置按钮只能点击一次 $("input:button").click(function() { $(this).att原创 2017-12-07 09:41:52 · 5851 阅读 · 0 评论 -
jquery点击事件
该段落第一次被点击时会弹出“helloword” $(function() { //绑定事件: click()和bind() 可以多次绑定 $("input:button:first").click(function(){ alert("click添加点击事件"); }); $("input:button:first").bind("click",function()原创 2017-12-07 09:40:06 · 946 阅读 · 0 评论 -
jquery冒泡事件
原文:http://www.jb51.net/article/84908.htm 外层div元素 内层span元素 $(function() { //为span元素绑定click事件 $('span').bind('click', function() { var txt = $('#info').html() + '内层span元素被点击'; $(原创 2017-12-07 09:39:06 · 897 阅读 · 0 评论 -
jquery常用属性
dd .t{ color: red; } $(function() { //atrr:修改dom对象的属性 //$("#tx").attr("type","password"); //removeAttr:删除dom对象的属性 //$("#tx").attr("type",""); //$("#tx").removeAttr("type");原创 2017-12-06 08:57:50 · 161 阅读 · 0 评论 -
jquery文档插入
用户名 性别 年龄 function add(){ //remove():删除标签 $("#data").remove(); //append:插入标签 //prepend:要插入到目标元素内部前端的内容 $("table").append("aboy12"); }原创 2017-12-06 08:57:04 · 160 阅读 · 0 评论 -
jquery对象和dom元素的转换
jquery对象转成dom对象: 1. $("#id名")[0] //id选择器 $(function() { //通过id选择器获取jquery对象 var tx=$("#tx"); //转成dom对象 var domObj=tx[0]; }) 2.$("#id名").get(0) //id选择器 $(function() { //转成dom对象原创 2017-12-06 08:56:10 · 9439 阅读 · 0 评论