www.2527.com_澳门新葡8455手机版_新京葡娱乐场网址_
做最好的网站

Shell脚本实现基于端口号kill相应进程功效,box实

2019-05-18 02:38 来源:未知

Linux根据占用的端口号来关闭相应的进程的shell脚本写法。  

本文章收集了大量的关于jquery操作select radio box总结,有需要了解的同学可进入参考。

1.事件处理

复制代码 代码如下:

select框操作

1.1.事件绑订

kill -9 $(lsof -i:22 |awk '{print $2}' | tail -n 2) 

获取值

bind(type,fn);

 代码如下

例子:

复制代码

复制代码 代码如下:

$('#select').val()

$(function(){

设置值为xx的项为选中

//正式的写法
$('#d1').bind('click',function(){
$(this).css('font-size','80px');
});

 代码如下

//简写形式
$('#d1').click(function(){
$(this).css('font-size','80px');
});
});

复制代码

1.2.绑订方式的简写形式

$('#select').val(xx)

复制代码 代码如下:

设置文本信息为yy的项为选中

click(function(){
});

 代码如下

1.3.合成事件

复制代码

hover(enter,leave) : 模拟光标悬停事件
toggle(fn1,fn2...) : 模拟鼠标连续单击事件

$('#select option[text="yy"]').attr("selected", true);

例子1:

获取select选中的索引:

复制代码 代码如下:

 代码如下

$(function(){
//分开的事件
$('.s1').mouseenter(function(){
$(this).addClass('s2');
});

复制代码

$('.s1').mouseleave(function(){
$(this).removeClass('s2');
});

     $("#ddlRegType ").get(0).selectedIndex;

//合成事件
$('.s1').hover(function(){
$(this).addClass('s2');
},function(){
$(this).removeClass('s2');
});
});

 设置select:

例子2:

 设置select 选中的索引:

复制代码 代码如下:

 代码如下

$(function(){
$('#a1').toggle(function(){
$('#d1').show('slow');
},function(){
$('#d1').hide('slow');
});
});

复制代码

1.4.事件冒泡//子节点产生的事件会依次向上抛给父节点

     $("#ddlRegType ").get(0).selectedIndex=index;//index为索引值

1.4.1.获得事件对象//只需要给事件处理函数添加一个任意变量即可,比如e
//e不是真正的事件对象,而是对底层的事件对象的一个封装

 

click(function(e){

 设置select 选中的value:

});

 代码如下

例子1:

复制代码

复制代码 代码如下:

    $("#ddlRegType ").attr("value","Normal“);

$(function(){
$('a').click(function(e){
//e:jQuery对象,里面包含了一个事件对象。
//target属性返回的是一个dom对象,即事件源。
var srcObject = e.target;
alert(srcObject.innerHTML);
});
});

    $("#ddlRegType ").val("Normal");

1.4.2.停止冒泡

    $("#ddlRegType ").get(0).value = value;

event.stopPropagation();

 

例子2:

 设置select 选中的text:

复制代码 代码如下:

 代码如下

$(function(){
$('a').click(function(e){
alert('你点击了一个链接');
//停止冒泡
e.stopPropagation();
});

复制代码

$('#d1').click(function(e){
alert('你点击了一个div');
});
});

var count=$("#ddlRegType option").length;

1.4.3.停止默认行为

  for(var i=0;i<count;i ) 
     {           if($("#ddlRegType ").get(0).options[i].text == text) 
        { 
            $("#ddlRegType ").get(0).options[i].selected = true; 
         
            break; 
        } 
    }

event.preventDefault();//比如表单提交

 

例子3:

$("#select_id option[text='jQuery']").attr("selected", true);

复制代码 代码如下:

 

$(function(){
$('a').click(function(e){
var flag = confirm('是否确定删除?');
if(!flag){
//停止默认行为
e.preventDefault();
}
});
});

设置select option项:

1.5.事件对象的属性

 

event.type : 事件类型
event.target : 返回事件源(是dom对象!!!)
event.pageX/pageY : 点击的点的坐标

 代码如下

例子4:

复制代码

复制代码 代码如下:

 $("#select_id").append("<option value='Value'>Text</option>");  //添加一项option

$(function(){
$('a').click(function(e){

 $("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option

alert(e.type); //获得事件类型

 $("#select_id option:last").remove(); //删除索引值最大的Option

alert(e.pageX ' ' e.pageY);

 $("#select_id option[index='0']").remove();//删除索引值为0的Option

});
});

 $("#select_id option[value='3']").remove(); //删除值为3的Option

1.6.模拟操作//如.$('xxx').mouseenter();

 $("#select_id option[text='4']").remove(); //删除TEXT值为4的Option

$('xxx').trigger('被模拟的事件');//也可以简化

radio box 操作

例子5:

获取值

复制代码 代码如下:

 代码如下

$(function(){
$('#b1').click(function(){
//让username对应的文本输入框获得焦点
$('#username').trigger('focus');
//另外,也可以简化
$('#username').focus();
});
});

复制代码

2.动画

$('input[name="xx"]:checked').val()

2.1.show() / hide()//显示 / 隐藏
//作用:通过同时改变元素的宽度和高度来实现显示和隐藏

设置值为xx的为选中

用法:
show(速度,[回调函数]);

 代码如下

速度可以使用"normal","fast","slow",也可以使用毫秒数

复制代码

回调函数会在整个动画执行完毕之后执行

$('input[name="xx"]:radio[value="yy"]').attr('checked', 'checked');

2.2.slideUp() / slideDown()

获取一组radio被选中项的值

//作用:通过改变元素的高度来实现显示和隐藏
用法同上。

 代码如下

例子:

复制代码

复制代码 代码如下:

  var item = $('input[@name=items][@checked]').val();  

$(function(){
$('#a1').toggle(function(){

  $("input[@type=radio][@checked]").val();    

$('#d1').show('slow');

 
2设置.radio单选组

$('#d1').slideDown('slow');

1.$('input[@name=items]').get(1).checked = true;  //第二个元素为当前选中值   
2.   $("input[@type=radio][@value=2]").attr("checked",true);//设置value=2的项目为当前选中项

},function(){

下面看一些常用的实例

$('#d1').hide('slow');

下拉框的HTML代码

$('#d1').slideUp('slow');

 代码如下

});
});

复制代码

2.3.fadeIn() / fadeOut()//淡入,淡出

<SELECT id=select> <OPTION selected>中国省份</OPTION></SELECT>

//作用:通过改变元素的不透明度来实现显示和隐藏
用法同上。

注意这里的select的id是“select”

例子:

添加“江苏”到下拉框的最后一位
Javascript代码

复制代码 代码如下:

 代码如下

$(function(){
$('#b1').toggle(function(){

复制代码

$('#d1').fadeOut('slow');

$('#add_to_last').click(function(){     $('#select').append(' <OPTION value="江苏"></OPTION>   江苏   '); });

},function(){

添加“安徽”到下拉框的第一位

$('#d1').fadeIn('slow');

Javascript代码

});
});

 代码如下

2.4.自定义动画

复制代码

animate(params,speed,[callback])

$('#add_to_first').click(function(){     $('#select').prepend(' <OPTION value="安徽"></OPTION>   安徽   '); });

params : //是一个javascript对象,描述的是动画执行结束时的样式。

获取当前的selectIndex(当前选中的下拉菜单的项目的索引)
Javascript代码

speed : //速度,单位是毫秒。

 代码如下

callback : //回调函数,会在动画执行完毕之后执行。

复制代码

例子:

$('#get_select_index').click(function(){     alert($('#select option:selected').attr("index")); });

复制代码 代码如下:

移除下拉菜单最后一个项目
Javascript代码

$(function(){
$('#d1').click(function(){
//动画队列
$(this).animate({'left':'400px'},3000);
$(this).animate({'top':'250'},2000).fadeOut('slow');
});
});

 代码如下

3.类数组的操作

复制代码

//类数组:指的是jQuery选择器会将查找到的所有的dom对象封装成一个jQuery对象,
//将这些dom对象称为类数组。

$('#remove_last_option').click(function(){     $('#select option:last').remove(); });

3.1.length属性 : //获得jQuery对象包含的dom对象的个数。

移除除了第一个之外的所有选项

3.2.each(fun(i)) : //循环遍历每一个元素,this代表被迭代的dom对象,
//$(this)代表被迭代的jquery对象。

 代码如下

3.3.eq(index) : //返回index 1位置处的jquery对象

复制代码

3.4.index(obj) : //返回下标,其中obj可以是dom对象或者jquery对象。

$('#remove_all_option_except_first').click(function(){     $('#select option').not(':first').remove(); });

3.5.get() : //返回dom对象组成的数组

获取下拉菜单最大索引值

3.6.get(index) : //返回index 1个dom对象。

 代码如下

例子:

复制代码

复制代码 代码如下:

$('#get_max_index').click(function(){     var maxIndex=$("#select option:last").attr("index");     alert(maxIndex); });

$(function(){
$('#b1').click(function(){
//var $obj = $('ul li');
alert($obj.length);

radio box总结,有需要了解的同学可进入参考。 select框操作 获取值 代码如下 复制代码 $('#select').val...

$obj.each(function(i){
//i:表示正在被访问的那个dom对象的下标,
//下标从0开始。
//this:表示正在被访问的那个dom对象
if(i==0){
$(this).css('font-size','60px');
}else if(i==1){
$(this).css('font-style','italic');
}else{
$(this).css('color','red');
}
});

//var $obj = $('ul li');
var $o = $obj.eq(1);
//$o.css('font-size','60px');
var index = $obj.index($o);
//alert(index);

//var $obj = $('ul li');
var arr = $obj.get();
//alert(arr[1].innerHTML);

var $obj = $('ul li');
var obj = $obj.get(1);
alert(obj.innerHTML);
});
});

1.1.事件绑订 bind(type,fn); 例子: 复制代码 代码如下: $(function(){ //正式的写法 $('#d1').bind('click',function(){ $(this).css('font-size','80px');...

TAG标签:
版权声明:本文由澳门新葡8455手机版发布于新京葡娱乐场网址,转载请注明出处:Shell脚本实现基于端口号kill相应进程功效,box实