8 HTML&JS等前端知识系列之jquery的自定义方法

【8 HTML&JS等前端知识系列之jquery的自定义方法】的更多相关文章

8 HTML&JS等前端知识系列之jquery的自定义方法

preface 有时候我们在前端写jquery的时候,会自己自定义些方法,这样可以不需要重复造轮子.先说说2种自定义方法的区别: 不跟在选择器后面的跟在选择器后面的. 那下面说说如何自定义jquery方法. 使用extend方法来扩展方法1 下面这样方式来扩展jquery的方法是不能在前面添加选择器的,直接调用方法即可. 代码如下: <script src="jquery-2.2.3.js"></script> <script> jQuery.e…

5 HTML&JS等前端知识系列之jquery基础

preface jquery其实就是对javascript的再次封装,方便我们开发者调用,下载地址是:http://jquery.com/download/ ,下面就说说常用使用方法选择器基本选择器根据id选择 $('#hehe').text(123); 根据html标签选择 $('span').text('hehe'); 根据css样式来选择 $('.h1').text('class') 多个标签同时选择 $('#hehe,span,.h1').text('okkk') 层级选择器一级…

7 HTML&JS等前端知识系列之jquery的事件绑定

preface 我们知道,每一个a,input等等标签都可以为其绑定一个事件,onclick也好,focus 也罢,都可以绑定的.但是众神key想过这个问题没有,倘若这里有1000个input标签需要绑定onclick事件,那么是不是说每一个input标签都要写一个onclick呢?当然不是了,我们利用jquery,只需要写一个就行了.那好,请看代码: 基本事件绑定 jquery版本都是jquery-2.2.3 html代码为每一个li标签绑定一个点击(onclick)事件 <div> &l…

3 HTML&JS等前端知识系列之javascript的基础

preface 作为一名运维开发,必须懂得前端知识,比如javascript,dom等等,下面就聊聊javascript. include 数据格式条件判断,循环流程等. 函数面向对象 what is javascript?? JavaScript 是世界上最流行的编程语言. 这门语言可用于 HTML 和 web,更可广泛用于服务器.PC.笔记本电脑.平板电脑和智能手机等设备. JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言. JavaScript 是可插入…

4 HTML&JS等前端知识系列之Dom的基础

preface 主要聊聊dom的编程,包含下面的内容: what's the dom dom选择器 innerText 替换或写入文本 value 获取input,select,textarea的值数字+1的实例 innerHTML,innerText, onfocus onblur value if判断实践之输入框提示语的显示与隐藏 innerHTML insertAdjacentHTML createElement 实践之添加文本框 setAttribute getAttribute 标…

8 HTML&JS等前端知识系列之Ajax的例子

what is ajax ? AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面. 有很多使用 AJAX 的应用程序案例:新浪微博.Google 地图.开心网等等. 例子1-跨域请求跨域请求的要求请看下面: 你的web页面的js代码必须满足以…

9 HTML&JS等前端知识系列之Ajax post请求带有token向Django请求

我们在母板上写入这段代码: <script type="text/javascript"> // 个人定义大函数,不是重点,可以忽略 $(document).ready(function(){ get_sys_load(); var csrftoken = getCookie('csrftoken'); var active_node = $("#mainnav-menu a[href='{{ request.path }}']"); active_n…

大前端技术系列：TWA技术+TensorFlow.js => 集成原生和AI功能的app

大前端技术系列:TWA技术+TensorFlow.js => 集成原生和AI功能的app ( 本文内容为melodyWxy原作,git地址:https://github.com/melodyWxy/twa-tf.js , 首发于博客园散场丶丶:https://www.cnblogs.com/sanchang/p/11818604.html ) 什么是TWA 简单来讲,TWA(Trusted Web Activity 可信任的网络应用)即: 基于Chrome Custom Tabs,利用谷歌浏览…

JS前端知识模块大全

公司前端:小胖提供,表示感谢 1. 基础 HTML, CSS, JS 文档 W3CSCHOOL: http://www.w3schools.com/ MDN: https://developer.mozilla.org/zh-CN/ MSDN: https://msdn.microsoft.com/zh-cn/library/d1et7k7c(v=vs.94).aspx w3school:http://www.w3school.com.cn/ 个人更倾向于使用MDN. w3cschool貌似被墙…

前端知识复习： JS选中变色

前端知识复习:JS选中变色上篇文章 :前端知识复习:Html DIV 图文混排(文字放在图片下边) Js选中图片效果 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <t…