jq indexof封装

2024-09-01

jquery indexOf使用方法

当无法确定在某个字符串中是否确实存在一个字符的时候,就可调用 indexOf() 和 lastIndexOf() 方法 indexOf() 和 lastIndexOf() 是js的用法,与jquery是无关的,所有直接用原生js就可以了. indexOf() 和 lastIndexOf() 方法返回的都是指定的子串在另一个字符串中的位置,如果没有找不到子串,则返回 -1. 这两个方法的不同之处在于,indexOf() 方法是从字符串的开头(位置 0)开始检索字符串,而 lastIndexOf()

关于jq ajax封装以及error的报错参数

jq的ajax完整版本 $.ajax({ url: "GetCityByPId.ashx", data: {pId:pid}, dataType: "JSON", type: "GET", cache:false, success: function (data) { for (var key in data) { var cityId = data[key].CityId; var cityName = data[key].CityName;

关于jq ajax封装以及ajax上传Webapi

jq的ajax完整版本 $(function () { fileChange(); }); function fileChange() { $('#fileinput').change(function () { ajaxUploadImg(); }); } function ajaxUploadImg() { var formData = new FormData($('#idcardA')[0]); $.ajax({ u

jq ajax封装

//ajax公共方法,zs 2017-06-14 $.extend({ //比jq的ajax多了的参数: //salert是否在请求成功后弹出后台的SuressStr字段值 //ealertStr:请求出错 majax: function (a) { if (typeof a === "object") { var defaultOption = { url: "", async: true, cache: true,//dataType 为 script 和 js

jq再次封装自己的ajax & js 回调函数 & js方法注释&js 全局屏蔽点击事件及a标签

1.封装成一个独立JS var commonUrl = 'http://xx.xxx.com/'; function http({ url, type = "post", dataType = "json", data = {}, success }) { $.ajax({ url: commonUrl + url, type, dataType, data, success: function (res) { success(res); } }) } 2.调用 v

jq插件封装格式

(function($) { // closure $.fn.hilight = function( options ) { //将方法定义在$的fn上 var defaults = { textColor: "#000", backgroundColor: "#fff" }; var settings = $.extend( {}, defaults, options ); return this.each(function() { // Plugin code

echart封装，前端简单路由，图表设置自动化

https://github.com/cclient/EhartDemoSetByAngular 后端node.js 前端插件 echart,jquery,jqueryui,datapicker,angularjs,tag-it bootstrap(这个坑死我,选型失误datapicker样式和bootstrap 不兼容,记录在http://www.cnblogs.com/zihunqingxin/p/4435815.html) 源码内容封装了echart的大地图(上级下级跳转,echar有

JQuery笔记(一)jq的使用方法

我用的jq版本是支持pc版为主的最高1版本里最高的1.124版本官网的链接是只有最新的3下载,我把我在官网下载的jq代码链接发出来,如下点我获取jq代码和js不同的是,jq开发者封装了一些方法在js获取元素节点的方式是这样的: document.getElementById("#div"); 而在jq中的方式是这样的: $("div")[0] 在js获取对象的方式是这样的: document.getElementsByTagName("#div&q

抛弃JQ，回归原生js……

之前我写过一篇文章叫做<jq不会被淘汰>--而事实上它真的不会被淘汰,因为即使在mvvm框架盛行的今天,原生js的api越来越友好的今天,jq依然在用户量上是霸主-- 但是今天我们要讨论的是,抛弃jq,拥抱原生js-- 再说正题之前,我们先来看看jq比js,解决了哪些问题,哪里更优秀 1.首当其冲是浏览器兼容,jq本身做了很多浏览器的兼容,这导致了它的代码变得臃肿,但是不得不说,这方面jq做的很好√ 2.语法比较简洁,jq的代码语法是很简洁的,因为层层封装后,为的就是易用 3.jq封装的aja

jq_$.extend和$.fn.extend插件开发和方法的封装

--------杂谈-------- 随着使用的使用js和jq使用的越来越娴熟,也就是说日常产品经理给的一些需求,已经在自己的能力范围内了.空出来了一点时间,来研究如何优化你的代码, 不管是性能上,还是美观上,都应该有一个更好的提升.你决定做这件事的时候,就应该用最大的努力,去做到最好,给自己最好的答案.要是每天浑浑噩噩的混日子,老来想必会后悔吧.特别是在工作中,一定要做好,做好了就有人看到,自然利益什么的就会向你靠.或者不单单是金钱,还有爱情呢.所以一定要做最好的自己.做最好的自己. --

Django---CSRF的装饰器,CSRF的流程,JSON数据格式,ajax技术(基于JQ实现)

Django---CSRF的装饰器,CSRF的流程,JSON数据格式,ajax技术(基于JQ实现) 一丶CSRF相关的装饰器 from django.utils.decorators import method_decorator # 给cbv加上装饰器 from django.views import View from django.views.decorators.csrf import csrf_exempt, csrf_protect ### 在FBV模式下 # csrf_exempt

jq 与原生js 方法互相转换

最近在用mui写页面,当然了在移动App里引入jq或zepto这些框架,肯定是极不理性的.虽然jq很简单,但是也有兼容问题,js基础是很重要的,jq的成功当时是因为ie6.7.8.9.10.chrome.ff这些浏览器不兼容,让开发者崩溃,而且pc上浏览器性能好,跨平台兼容也不影响性能.但jq根本就不是为手机设计的.手机上只有webkit浏览器(忽略wp,反正mui不支持wp),根本就不需要jq这种封装框架来操作dom.选择元素//jq$('.el');//js document.query

JS高级程序设计3

PS:有一小部分写在了 JS 2017了 JSON <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> IE8支持 JSON.stringify() <script> var book = { "title"

mui项目中如何使用原生JavaScript代替jquery来操作dom 转自【B5教程网】:http://www.bcty365.com/content-146-3661-1.html

最近在用mui写页面,当然了在移动App里引入jq或zepto这些框架,肯定是极不理性的.原生JS挺简单,为何需要jq?jq的成功当时是因为ie6.7.8.9.10.chrome.ff这些浏览器不兼容,让开发者崩溃,而且pc上浏览器性能好,跨平台兼容也不影响性能.但jq根本就不是为手机设计的.手机上只有webkit浏览器(忽略wp,反正mui不支持wp),根本就不需要jq这种封装框架来操作dom.选择元素//jq$('.el');//js document.querySelector("di

表单多文件上传样式美化 && 支持选中文件后删除相关项

开发中会经常涉及到文件上传的需求,根据业务不同的需求,有不同的文件上传情况. 有简单的单文件上传,有多文件上传,因浏览器原生的文件上传样式及功能的支持度不算太高,很多时候我们会对样式进行美化,对功能进行完善. 本文根据一个例子,对多文件的上传样式做了一些简单的美化(其实也没怎么美化..),同时支持选择文件后自定义删除相关的文件,最后再上传文章篇幅较长,先简单看看图示: 目录文件上传基础单文件上传多文件上传表单文件上传的美化选中文件后的删除界面的处理脚本的处理 FileList F

discuz 重新定义jquery的$

最近做个小插件发现加了这个代码不执行: $.ajax({ url:'plugin.php?id=register:regeist_jiangsu', type:'post', data:{ 'mobile':oMobile.value, }, dataType:'json', async:false, success:function(data) { if (data.status == 1) { myform.mobile.focus(); alert('本社区仅限江苏移动的用户注册哦!')

Json,Ajax（0516）

一.JSON简介: JSON(JavaScript Object Notation)是一种轻量级的数据交换语言,以文字为基础,且易于让人阅读,同时也方便了机器进行解析和生成.JSON简单说就是javascript中的对象和数组,所以这两种结构就是对象和数组两种结构,通过这两种结构可以表示各种复杂的结构,其可以将JavaScript 对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从Web客户机传递给服务器端程序.JSON采用完全独立于程序语

最接近原生APP体验的高性能前端框架——MUI

前言 MUI有三大特点: 轻量追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征: MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K 原生UI 鉴于之前的很多前端框架(特别是响应式布局的框架),UI控件看起来太像网页,没有原生感觉,因此追求原生UI感觉也是我们的重要目标 MUI以iOS平台UI为基础,补充部分Android平台特有的UI控件流畅体验下拉刷新,侧滑导航,滑动触发操作菜单 1.新手指南 1.1 快速体验 1. 下载H

jsonp及cors

一. jsonp实现原理是利用script标签可以获取不同源资源的特点,来达到跨域访问某个资源的目的.具体行为如下: 创建一个script标签,将请求地址写入它的src属性,将这个script外链插入head标签中: 声明一个回调函数callback,函数名和请求地址中的一致: 请求地址的内容是一个以json对象为参数的执行函数callback: 当script资源载入时,callback开始执行,将json数据输出. jsonp其实就是json padding,而在json数据外包裹它的那个函

jquery对象和DOM对象的区别和转换

jquery对象和DOM对象的区别和转换在使用jquery时,我们直接通过jq的选择器获取元素,然后对元素进行操作,用jq选择器获取到的对象是一个jq对象,jq对象能够使用jq提供的方法,但是不能用原生的DOM方法,同样的用DOM方法获取到的DOM对象也不能用jq中提供的方法. jq对象的特点 jq对象是经过jQuery包装DOM后产生的对象,jq对象是jq独有的,能够使用jq中封装的方法. js对象用原生方法获取产生的对象是原生js对象,原生js对象不能使用jq中提封装的方法. js对象转

js原型和原型链理解到面向对象

一.js中的两种对象,普通对象和函数对象 var obj1 = {}; var obj2 =new Object(); var obj3 = new obj1(); function fun1(){}; var fun2 = function(){}; var fun3 = new Function('str','console.log(str)'); 第一种是普通对象,第二种是函数对象.上面两种对象三种情况,我们首先来分析一下对象,在js中如何实现面向对象思想,所谓的面向对象,对象基于模板来创

jq indexof封装

热门专题