![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jquery
HN-ssg
这个作者很懒,什么都没留下…
展开
-
jquery对象的定义和使用
美元符($),下划线(_)可以作为类名和方法名,其他特殊字符都不行jquery中不能定义 美元符($)的方法 -- $(){} ,自定义的美元符方法会覆盖jQuery中的$$是jQuery的入口,它本身是一个函数,可以传入不同类型的参数,字符串,匿名函数//传入的函数==window.onload$(function(){alert("ddd");})原创 2017-12-06 08:53:12 · 7162 阅读 · 0 评论 -
jquery extend()函数拓展
$(function(){//静态方法扩展$.extend({ //定义的是静态方法(函数),多个函数用,隔开 add:function(a,b) { return a+b; } /* 自定义的ajax会覆盖原有的ajax ,ajax:function(){ }*/ });//实例方法扩展$.fn.原创 2017-12-08 10:21:07 · 157 阅读 · 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 · 258 阅读 · 0 评论 -
jquery each()
段落1段落1div1div2$(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 · 109 阅读 · 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 · 158 阅读 · 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 · 96 阅读 · 0 评论 -
jquery事件委派
$(function() {//非委派:通过选择器选中的标签 后续添加同样的标签 不会绑定该事件/* $(".bt").bind("click",function(){alert("点击了按钮");}); *///委派$(document).on("click", ".bt", function() {alert("点击了按钮");});$(原创 2017-12-07 09:43:53 · 285 阅读 · 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 · 5752 阅读 · 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 · 879 阅读 · 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 · 839 阅读 · 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 · 133 阅读 · 0 评论 -
jquery文档插入
用户名性别年龄function add(){//remove():删除标签$("#data").remove();//append:插入标签//prepend:要插入到目标元素内部前端的内容$("table").append("aboy12");}原创 2017-12-06 08:57:04 · 123 阅读 · 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 · 9307 阅读 · 0 评论